【必发88】jquery的选拔器

by admin on 2019年8月10日

jquery的选拔器,jquery选用器

一。基本选取器

1.$(“#id”) id选用器,重返单个成分

2.$(“.class”) class选拔器,再次回到集结成分

3.$(“element”) 标签element,再次来到群集元素

4.$(“*”) 所有因素*,改造全体html标签成分,重返群集成分

5.$(“selector,selector2……”)
将每三个摘取器匹配到的成分合併后一并回来,重临集结成分

二。档次选取器

1.$(“ancestor descendant”)
后代成分选取器,在那之中ancestor是指别的有效元素,descendant是其子孙

2.$(“parent>child”) 子成分选取器

  注:子成分采取器只好选拔到子成分,后代成分选拔器能选用具有后代,子孙等

3.$(“prev+next”) 相邻成分选拔器,next是prev成分相邻的下一个要素

4.$(“prev~siblings”) 兄弟选拔器,siblings是指prev元素前边的享有兄弟元素

在这边写多少个艺术,能够与地点的方法交替使用:

1.jquery.parent() 找父成分

2.jquery.parents() 找到全数祖先成分,不只限于贰个父成分

3.jquery.children() 查找全数子成分,只会找到直接的儿女节点,不会孙子

【必发88】jquery的选拔器。4.jquery.contents() 查找上边包车型客车有所内容,包罗节点和文件

5.jquery.prev() 查找上一个男人节点

6.jquery.prevAll() 查找在此之前的保有兄弟节点

7.jquery.next() 查找下多个兄弟节点

8.jquery.nextAll() 查找之后的具有兄弟节点

9.jquery.siblings() 查找别的的有着兄弟节点,部分前后

10.jquery.find(expr) 查找其后代中的成分节点

三。基本过滤选用器

jquery选取器的过滤准绳与css中的伪类选用器语法是一致的,都是”:”开端。

  1. :first 采纳第多少个成分,比如:$(“E:first”)。再次回到单个成分

  2. :last 接纳最终叁个因素,再次回到单个成分

  3. :not(selector) 去除全部与给定采纳器匹配的因素,重临会集成分

  4. :even 采用索引值为偶数的持有因素,当中索引值从0起始盘算,重返集合成分

  5. :odd 选用索引值为奇数的装有因素,重返集结成分

  6. :eq(index)
    接纳索引值等于index的成分,当中index从0开始测度,重回群集成分

  7. :gt(index)
    选取索引值大于index的因素,个中index从0起初总计,重返会集成分

  8. :lt(index)
    选拔索引值小于index的要素,个中index从0开首局算,重临集结成分

  9. :header 选用页面全部标题成分h1-h6,再次回到集结成分

  10. :animated 采取当前正在执行动画的享有因素

四。内容过滤选用器

  1. :contains(text) 接纳含有文本内容为”text”的要素,重返集结元素

  2. :empty 选择不含任何子成分或文本的空成分,重返会集成分

  3. :has(selector) 选择含有选拔器所相称的要素,重临群集元素

  4. :parent 采纳含有子成分可能文本的要素标签,重返集结成分

一。基本选项器
1.$(“#【必发88】jquery的选拔器。id”) id选拔器,重回单个成分 2.$(“.class”)
class接纳器,重回群集成分 3.$(“element”) 标签elemen…

一。基本采取器

一。基本采用器

 
一:基本选用器
 
基本选用器是jquery最常用的采纳器,也是最轻巧易行的选拔器,通过元素id,class,标具名称来搜寻
 
DOM成分(在网页中ID只可以利用三次,id是天下无敌的,可是class允许重复使用的)

1.$(“#id”) id选拔器,再次回到单个成分

1.$(“#id”) id采取器,再次来到单个成分

  1、id选择器
  用法:$(“#id名称”);  再次回到单个成分的结缘的汇集

必发88,2.$(“.class”) class选用器,再次回到会集成分

2.$(“.class”) class选取器,重返集合成分

  2、class(类选用器) 
    用法:$(“.class”) ;重临会集成分
    表达:.class正是体制名称

3.$(“element”) 标签element,重回集结成分

3.$(“element”) 标签element,再次回到会集成分

  3、element(标签采用器)
    用法:$(“span,p,div”);  重临集合成分

4.$(“*”) 全体因素*,退换全数html标签成分,重返会集成分

4.$(“*”) 全体因素*,更动全体html标签成分,重回集合成分

  4、$(“*”) :再次回到集合成分,相称全部因素

5.$(“selector,selector2……”)
将每贰个选用器相称到的成分合併后一齐回去,重返集合元素

5.$(“selector,selector2……”)
将每叁个增选器相配到的要素合併后联手回到,再次回到群集成分

二:档次选拔器

二。档案的次序选拔器

二。等级次序接纳器

  1:$(“ancestor descendant”) 祖宗
后代:选用ancestor成分里的享有descendant(后代)成分
      用法: $(“body div”)   
 找到<body>中的全部<div>成分
  2:$(“parent>child”): 接纳parent成分下的具备child(子)成分
      用法: $(“body > div”)  
 找到<body>中子成分<div>
  3:$(“prev + next”) : 选用紧接在prev成分后的prev成分
      用法: $(“.one+ div”)  ===》$(“.one”).next(“div”)  
 找到class为one的下二个<div>成分
  4:$(“prev ~ siblings”) 接纳prev成分后的享有兄弟成分
      用法:$(“#two ~ div”)  ===》 (“#prev”).nextAll(“div”)  
 找到ID为two成分前边全数的<div>兄弟成分

1.$(“ancestor descendant”)
后代成分选用器,个中ancestor是指别的有效成分,descendant是其后代

1.$(“ancestor descendant”)
后代成分选取器,个中ancestor是指其余有效成分,descendant是其后裔

  注意:$(“ancestor
descendant”)采纳的是后人成分,而 
$(“parent>child”)选取的是子成分
    $(“#two ~ div”)只能接纳”#two”
前边的同辈成分,而$(“prev ~
siblings”)采取的是具备同辈元素,与岗位非亲非故

2.$(“parent>child”) 子成分选取器

2.$(“parent>child”) 子成分选拔器

三:过滤选拔器
 
基本功过滤接纳器(也是最常用的的过滤采取器)
   :not(select)
   用法:$(input:not(select)) 重临集合成分
   表达:去除全数与给定选用器相配的元素。有一些类似于“非”

  注:子成分选用器只好选取到子成分,后代成分采纳器能采用具备后代,子孙等

  注:子成分选取器只可以接纳到子成分,后代成分选取器能采取具有后代,子孙等

   :first   找到第一个要素

3.$(“prev+next”) 相邻成分采纳器,next是prev成分相邻的下三个要素

3.$(“prev+next”) 相邻成分选取器,next是prev成分相邻的下二个要素

   :last    找到最终二个要素

4.$(“prev~siblings”) 兄弟选拔器,siblings是指prev元素后边的持有兄弟成分

4.$(“prev~siblings”) 兄弟选取器,siblings是指prev成分前边的装有兄弟成分

   :odd     匹配下标为基数的要素
   
   :even    相配下标为偶数的因素

在此间写多少个方法,能够与地点的不二等秘书籍交替使用:

在此地写多少个点子,能够与地点的办法交替使用:

   :eq(“下标”)  相配拟订下标的要素    (index从0开首)

1.jquery.parent() 找父成分

1.jquery.parent() 找父成分

   :gt(“下标”) 
相配索引值大于给定下标的因素(不带有笔者)(index从0先导)

2.jquery.parents() 找到全数祖先成分,不只限于三个父成分

2.jquery.parents() 找到全体祖先成分,不只限于七个父成分

   :lt(“下标”) 
相称索引值小于给定索引值的成分(不包罗小编)(index从0开头)

3.jquery.children() 查找全部子成分,只会找到直接的儿女节点,不会孙子

3.jquery.children() 查找全体子成分,只会找到直接的子女节点,不会外甥

   :header    选拔全部的标题成分

4.jquery.contents() 查找上边包车型大巴装有内容,包罗节点和文书

4.jquery.contents() 查找上面包车型大巴保有内容,包涵节点和文件

   :animated    选取当前正值试行动画的富有因素

5.jquery.prev() 查找上多少个兄弟节点

5.jquery.prev() 查找上一个小家伙节点

内容过滤采取器

6.jquery.prevAll() 查找在此以前的全数兄弟节点

6.jquery.prevAll() 查找此前的富有兄弟节点

   :contains(“文本内容”) 相配成分是或不是含有钦赐的文书内容

7.jquery.next() 查找下二个男生节点

7.jquery.next() 查找下一个小家伙节点

   :has(标签成分) //相称含有选用器所相称的成分的元素

8.jquery.nextAll() 查找之后的有所兄弟节点

8.jquery.nextAll() 查找之后的装有兄弟节点

   :empty  //相称成分内容为空的要素
   
   :parent  //匹配含有子成分只怕文本的因素

9.jquery.siblings() 查找其他的具有兄弟节点,部分前后

9.jquery.siblings() 查找别的的有着兄弟节点,部分前后

天性过滤选拔器  :属性过滤选用器便是经过成分的性质来获得相应的要素

10.jquery.find(expr) 查找其后代中的成分节点

10.jquery.find(expr) 查找其后代中的成分节点

   [attribute]        选择具有此属性的因素
   [attribute=value]     采用属性的值为value的成分
   [attribute!=value]     采取属性的值不对等value的成分
   [attribute^=value]     选拔属性的值以value开端的要素
   [attribute$=value]     采纳属性的值以value甘休的要素
   [attribute*=value]     选择属性的值为带有value的因素
   [selector1][selector2][selectorN]     复合属性采纳器

三。基本过滤选取器

三。基本过滤接纳器

   例如: $(“input[name=’chk’]”).attr(“checked”, true);
–正是把name为chk的复选框的checked 重回的是八个集聚
   属性改为true

jquery采取器的过滤准绳与css中的伪类选取器语法是同样的,都以”:”初叶。

jquery采用器的过滤规则与css中的伪类选拔器语法是一律的,都是”:”开头。

 可见性过滤选取器
 
   :hidden   筛选掩盖的因素(type=”hidden”,css: display=”none”)
    : visible  筛选可知的因素

  1. :first 选用第一个因素,举例:$(“E:first”)。再次回到单个成分

  2. :last 选择最后二个因素,再次来到单个元素

  3. :not(selector) 去除全部与给定采取器相称的因素,再次回到集合成分

  4. :even 选择索引值为偶数的保有因素,当中索引值从0开端图谋,再次回到集结成分

  5. :odd 选用索引值为奇数的富有因素,再次来到会集成分

  6. :eq(index)
    采用索引值等于index的成分,当中index从0初始总结,重返集结成分

  7. :gt(index)
    采取索引值大于index的因素,在那之中index从0伊始企图,重返集结成分

  8. :lt(index)
    采取索引值小于index的要素,当中index从0初步猜测,重回会集成分

  9. :header 选用页面全部标题成分h1-h6,再次回到会集元素

  10. :animated 选取当前正值施行动画的兼具因素

  1. :first 选取第一个成分,举个例子:$(“E:first”)。再次回到单个成分

  2. :last 采取最终三个成分,重回单个成分

  3. :not(selector) 去除全部与给定采取器相配的因素,重返群集成分

  4. :even 选用索引值为偶数的具有因素,当中索引值从0初叶盘算,重返集结元素

  5. :odd 采纳索引值为奇数的享有因素,重返会集成分

  6. :eq(index)
    选用索引值等于index的要素,在那之中index从0初始谋算,重返会集成分

  7. :gt(index)
    接纳索引值大于index的成分,当中index从0起头估算,重返会集成分

  8. :lt(index)
    选取索引值小于index的因素,当中index从0初阶盘算,再次来到集合成分

  9. :header 选择页面全体标题成分h1-h6,重返群集成分

  10. :animated 选用当前正值实施动画的装有因素

 子成分过滤选拔器
   :nth-child(index/even/odd/equation)

四。内容过滤选取器

四。内容过滤选用器

   注意:这里的索引值从1起来,而eq是从0开端
   
   :first-child   找到第一个子成分
   :last-child    找到最终一个子成分
   :only-child    相配独有叁个子成分的要素

  1. :contains(text) 选拔含有文本内容为”text”的要素,再次回到集合成分

  2. :empty 选择不含任何子成分或文本的空成分,重临集结成分

  3. :has(selector) 采用含有选拔器所相配的要素,重返集合元素

  4. :parent 选用含有子成分恐怕文本的要素标签,重返群集元素

  1. :contains(text) 选拔含有文本内容为”text”的成分,再次来到集结元素

  2. :empty 采纳不含任何子成分或文本的空成分,重回群集成分

  3. :has(selector) 采用含有选取器所相称的成分,重返集合成分

  4. :parent 选拔含有子成分可能文本的因素标签,再次回到集结成分

 表单对象属性过滤选用器

   :disabled 筛选不可用成分
   :enabled  筛选可用的因素
   : checked  筛选被选中的复选框
   : selected  筛选下拉框被选中的成分

  练习题部分标题:
 必发88 1

jQuery代码:

必发88 2

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图