jquery控制 样式

jquery 控制 元素的class属性：

 

$("#id").removeClass(); //移除元素CLASS属性

$("#id").addClass("choice"); //给元素增加CLASS属性, class="choice"

 

 

jquery 控制元素的 display属性： (注意有时候使用display 时 父类元素 加上 style="position:absolute"  控制位置)

 

使用jquery真的很方便，比如要控制div的显示与隐藏，一句话就搞定了，请看下面使用说明。

$("#id").show()//表示display:block,
$("#id").hide() // 表示display:none;
$("#id").toggle()  //切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。


$("#id").css('display','none'); 
$("#id").css('display','block'); 
$("#id").css('display',''); 
或 
$("#id")[0].style.display = 'none';
$("#id")[0].style.display = '';