溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

JQuery 選擇和過濾

發(fā)布時間:2020-05-18 20:26:45 來源:網(wǎng)絡(luò) 閱讀:585 作者:CrazySpirit 欄目:web開發(fā)

A.jQuery 的一切功能都來源于一個非常簡單的稱為$的命名對象,即一個美元符號對象。(也可以用jQuery來代替該美元對象)。該美元對象即代表了一個方法,也代表了一個對象。

例子:

$(document).ready;
$('document#id');


B.使用find()方法搜索選擇集:jQuery 的 find()方法用于對一個選擇集進(jìn)行再次過濾。

例如:

$('ul#tmpFavorites'.).find('li').addClass('tmpFound');

上面的例子即首先選擇ID為tmpFavorites的<ul>元素,再用find()方法選取其中的所有<li>元素,然后為其添加一個css類名tmpFound。

find()方法的主要功能是在一個已經(jīng)獲取的選擇集中搜索指定元素。


C.使用siblings()方法查找元素的兄弟節(jié)點(diǎn):用于選擇和過濾當(dāng)前元素的所有兄弟節(jié)點(diǎn)。

例如:

$('ul#tmpPlaces li.tmpExampleCity').siblings().addClass('tmpSiblings');

上面的例子即首先選擇ID為tmpPlaces的<ul>元素下的類名為tmpExample的<li>元素,然后再選擇其兄弟節(jié)點(diǎn),即除了該<li>元素的其他所有<li>元素。


D.其它選擇特定兄弟節(jié)點(diǎn)的方法:

jQuery提供了,next(),pre(),nextAll()preAll();


E.使用 parents()方法和 parent()方法選取祖先元素。

當(dāng)parents()方法不帶參數(shù)時,選取的是一個元素的所有祖先元素,其中可以包含一直回溯到根元素的所有祖先元素,

parent()方法直接選取當(dāng)前元素的直接父元素。

以上兩種方法都可以傳入選擇器作為參數(shù)。


F.使用children()方法用于選取一個元素的子元素。

G.使用not()方法根據(jù)選擇集中不需要的元素來反選所需的其他元素。

例子:

$('ul#tmpSlaspstick li').not('li.tmpThreeStooges').addClass('tmpFunny');


H.使用slice()方法選擇結(jié)果集中的片段子集:

例子A:

$('ul#tmpSlapstick li').slice(0,4).addClass('tmpReallyFunny');

選擇第一個(編號為0)到第四個(編號為4的元素的前一個)<li>元素。

例子B:

$('ul#tmpSlapstic li'.slice(5),addClass('tmpRellyFunny');

選擇第六個元素(編號為5)開始到最后的所有元素。


I.使用add()方法向選擇集中添加更多的元素:

例子:

$('ul#tmpMarxBrothers li')
  .add('ul#tmpAbbottAndCostello li')
  .addClass('TmpReallyFunny');


J.用eq()方法從選擇集中選取特定元素:

例子:

$('ul li').eq(3).addClass('tmpQueen');

選擇第四個(編號為3)的li 元素。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI