什么是屬性操作畴椰？
就是和屬性有關的操作瓣喊，
- 獲取花履，html(),attr(),val()
- 刪除芽世，removeClass(參數(shù))，removeAttr(參數(shù))
- 修改臭挽，html(value),val(value),attr(xx1,xx2)
獲取捂襟，刪除容易，修改略麻煩~
image.png
jquery的屬性操作在原生js中也能完成么欢峰？
必然葬荷，比如innerHTML·
添加class屬性
<div id="test">part 1</div>
<div>part 2</div>
<div>part 3</div>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$("div:nth-child(odd)").addClass("demo")
//為奇數(shù)行添加class demo
$("div.demo").css("background-color","yellow")
//設置class為demo的行變?yōu)辄S色
</script>
結(jié)果是沒有一行變黃
移除class屬性
<div class="demo">part 1</div>
<div>part 2</div>
<div>part 3</div>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$("div:first").removeClass("demo");
$("div.demo").css("background-color","yellow");
</script>
結(jié)果返回part 1.
返回匹配元素的html內(nèi)容
<div class="demo">part 1</div>
<div>part 2</div>
<div>part 3</div>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$s=$("div:first").html();
alert($s)
</script>
返回匹配元素的屬性
<div class="demo">part 1</div>
<div>part 2</div>
<div>part 3</div>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$s=$("div:first").attr("class");
alert($s)
</script>
結(jié)果為demo。注意attr的參數(shù)里必須寫上是要獲取哪個屬性纽帖。
那么修改匹配元素的屬性呢宠漩？
<div class="demo">part 1</div>
<div>part 2</div>
<div>part 3</div>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
var $s=$("div:first")
$s.attr("class","rand");
var v=($s).attr("class");
alert(v)
</script>
總結(jié)
attr（）方法一個參數(shù)就是獲取屬性，兩個參數(shù)就是修改屬性懊直。對比html方法與val方法扒吁，沒有參數(shù)就是獲取，有一個參數(shù)就是修改室囊。這是由于attr的特點決定了雕崩。因為選擇器選擇了一個元素，但是一個元素也是有很多屬性融撞。
