jquery学习——选择器

时间:2021-09-26 08:54:12

一、基础选择

1.$("*")

选择所有元素

2.$(".class")

选择某个类

3.$("#id")

选择某个id

4.$("element")

选择某个DOM的节点,如$("p")、$("div")

5.$("element #id .class")

选择多个类型的元素组合在一起

二、属性选择

1.[attribute="value"]

选择属性名为attribute,属性值为value的元素。如$(".class[name='myname']")

2.[attribute]

选择具有属性attribute的元素

3.[attribute!="value"]

选择不存在attribute属性 或者 attribute属性值不等于value 的元素

4.[attribute1="value1"][attribute2="value2"]

选择多个属性匹配的元素。如$(".class[name='myname'][value='myvalue']")

三、层次选择

1.$("element1 element2")

选择element1里面的所有的element2的后代元素,可能是子元素、孙元素、孙孙元素...

2.$("element1>element2")

选择element1里面的所有的element2的子元素

3.$("element1+element2")

选择紧跟在element1后面的element2元素

4.$("element1~element2")

选择在element1后面的所有element2元素,element1、element2必须是同级的兄弟元素