介紹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的基礎常用方法$()