亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

JQuery 選擇和過濾

標簽:
JQuery

A.jQuery 的一切功能都来源于一个非常简单的称为$的命名对象,即一个美元符号对象。(也可以用jQuery来代替该美元对象)。该美元对象即代表了一个方法,也代表了一个对象。

例子:

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


B.使用find()方法搜索选择集:jQuery 的 find()方法用于对一个选择集进行再次过滤。

例如:

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

上面的例子即首先选择ID为tmpFavorites的<ul>元素,再用find()方法选取其中的所有<li>元素,然后为其添加一个css类名tmpFound。

find()方法的主要功能是在一个已经获取的选择集中搜索指定元素。


C.使用siblings()方法查找元素的兄弟节点:用于选择和过滤当前元素的所有兄弟节点。

例如:

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

上面的例子即首先选择ID为tmpPlaces的<ul>元素下的类名为tmpExample的<li>元素,然后再选择其兄弟节点,即除了该<li>元素的其他所有<li>元素。


D.其它选择特定兄弟节点的方法:

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


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

当parents()方法不带参数时,选取的是一个元素的所有祖先元素,其中可以包含一直回溯到根元素的所有祖先元素,

parent()方法直接选取当前元素的直接父元素。

以上两种方法都可以传入选择器作为参数。


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

G.使用not()方法根据选择集中不需要的元素来反选所需的其他元素。

例子:

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


H.使用slice()方法选择结果集中的片段子集:

例子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 元素。

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消