JQuery_DOM操作通用属性操作、JQuery_DOM操作class属性操作

JQuery_DOM操作通用属性操作

2．属性操作
　　1．通用属性操作
　　1. attr(:获取/设烂元素的属性
　　2. removeAttr():删除属性
　　3. prop(:获取/设元素的属性
　　4. removeProp():删除属性

　　　　attr和prop区别：

　　　　　　如果是操作的是元素是固有属性，则建议使用prop

 

 

JQuery_DOM操作class属性操作

2.对class属性操作
　　1. addclass():添加class属性值
　　2. removeclass():删除class属性值
　　3. toggleclass(）：切换class属性

 

案例：

/ /<input type="button" value="采用属性增加样式(改变id=one的样式)" id="b1"/>$ ("#b1").click(function () {
$头"#one" ).prop( "class" , "second" ) ;});
/ /<input type="button" value=" addclass" id="b2"/ >$("#b2").click(function () i
$("#one" ).addClass( "second");});
/ /<input type="button" value="removeClass" id="b3" />$("#b3").click(function () {
$("#one" ) .removeClass( "second" ) ;});
/ /<input type="button" value=”切换样式”id="b4" />$("#b4").click(function ( {
$("#one" ).toggleclass( "second" );});
//<input type="button" value=”通过css()获得id为one背景颜色"id="b5"/>$("#b5").click(function () i
var backgroundColor = $("#one").css("backgroundColor" ) ;alert(backgroundColor);