jQueryセレクターの紹介

一个新手
リリース: 2017-09-25 09:42:01
オリジナル
1540 人が閲覧しました

1.css selector universal

1)标签选择器,以文档元素作为选择器
2)ID选择器,以ID标识符作为选择器;
3)类选择器,class
4)并集选择器,p,img,ul
5)后代选择器,#id ul li
6 )通配选择器 ,*{};
7)子代选择器,ul>li;
8)临近选择器,E+F;
9)交集选择器,p.class;
ログイン後にコピー

2.jquery selector

*(重要) フィルターセレクター:

children(selector), $("ul").children("li"),相当于子代选择器,$("ul>li")选取ul中所有的子代li元素;集合元素
find(selector), $("ul").finde("li"),相当于后代选择器,$("ul li")选取ul中所有的后代li元素,后面的参数必传一般不用;集合元素
siblings(selector), $("#first").siblings("li“);选取兄弟节点的所有li,不包括自己;集合元素
parent(), $("#first").parent(),选取父元素节点,因为父元素节点只有一个所以不写;单个
parents(). $("#first").parents(),选取父元素节点上的元素,链式;父元素的父元素的父元素的所有;集合元素
eq(index);$(”li“).eq(2);相当于$("li:eq(2)"),index索引从0开始;单个
next(),$("li").next(),获取下一个兄弟元素;单个
prev(),$("li").next(),获取下一个兄弟元素;单个
ログイン後にコピー

*#フィルターセレクター: すべてコロン付き

基本セレクター、コンテンツフィルター、可視性フィルター、属性フィルター、子要素フィルターおよびフォームオブジェクト属性フィルタリング属性セレクタ

a. 基本的なフィルタリングセレクタ

:first 选择第一个元素,$("p:first")选取所有<p>元素第一个;单个
:last 选取最后一个元素,$("p:last")选取所有<p>元素的最后一个p;单个
:not(selector) 去除所有与给定选择器相匹配的元素,$("input:not(.myClass)")选取class中不是不是myClass的<input>元素;集合元素
:even 选取索引是偶数的,索引从0开始,集合元素;
:odd 选取索引是奇数的,索引从0开始,集合元素;
:eq(index) 选取索引等于index的元素, $("input:eq(1)")选取索引是1的<input>元素; 单个
:gt(index) 选取索引大于index的元素, $("input:gt(1)")选取索引大于1的Input元素,不包括1;集合元素
:lt(index)选取索引小于index的元素,$("input:lt(1)")选取索引小于1的input元素,不包括1,集合元素
:header选取所有标题元素,$(":header")选取网页中所有的<h1><h2>....
:annimated选取当前正在执行动画的所有元素,$("p:animated")选取正在执行动画的p元素
ログイン後にコピー

以上がjQueryセレクターの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート