介紹JQuery的基礎常用方法$()
介紹JQuery的基礎常用方法$()
1． has（）包含的意思
舉例：第一個div包含了span，第二個沒有包含
<div id="div1">
<span>1</span></br>
</div>
<div>111 </div>
執行代碼發現 包含span的div的css樣式改變了，這就是包含
2.filter（）過濾，括號內有參數，可以看例子理解
<div id="div1">111</div>
說是過濾，也就是選中的意思吧
下面結果看出，除了ID為div1的div，我都給過濾掉了，只給我選中的div，它的css樣式會改變
3.not（）跟filter相反
<div id="div1">111</div>
<div id="div2">111</div>
把filter換成not會發現跟filter的結果相反
4.next（）找出同級別下的下一個元素，看例子理解
現在寫個DIV 級別相同
<div id="div1">111</div>
<div id="div3">333</div>
選中ID為DIV2的div，然後它的下一個同級別元素就是ID為DIV3的div
結果
5.prev（）跟next相反，是找出同級別下的上一個元素
<div id="div1">111</div>
<div id="div2">222</div>
<div id="div3">333</div>
結果為
6.find（）獲得選中元素下匹配的後代，看例子理解
<div>
<h2>h2</h2>
<h2>h2</h2>
<h2>h2</h2>
<h3>h3</h3>
<h2>h2</h2>
<h3>h3</h3>
</div>
我只選中h2
結果為
7.eq（）跟數組的下標一樣
<div>
<h2>h2</h2>
<h2>h2</h2>
<h2>h2</h2>
<h3>h3</h3>
<h2>h2</h2>
<h3>h3</h3>
</div>
選中h2坐標中的1位置 也就是第二個
結果為
8.index（）索引值，就是當前元素在所有兄弟節點中的位置
我給h2加了一個ID
<div>
<h2>h2</h2>
<h2>h2</h2>
<h2 id="h">h2</h2>
<h3>h3</h3>
<h2>h2</h2>
<h3>h3</h3>
</div>
彈出這個ID元素在兄弟節點中的索引值
結果
9.attr（）方法設置或返回被選元素的屬性值。
<div id="div1" title="a"> </div>
彈出div的title值
結果為 
補充！好多人用attr獲取div寬度獲取不到，還有div的value值，都是彈出undefined，那是因為attr只能獲取標簽屬性，而不是css屬性，如果你想獲取css屬性，你只能用css（’width’）而不是attr（’width’）
朱樂然介紹JQuery的基礎常用方法$()