jQuery 基础选择器与属性选择器

目录

• 基础选择器
• All Selector ("*")
• Class Selector (".class")
• Element Selector ("element")
• ID Selector ("#id")
• Child Selector ("parent > child")
• 属性选择器
• Attribute Selector [name="value"]
• Attribute Selector [name|="value"]
• Attribute [name*="value"]
• Attribute Selector [name~="value"]
• Attribute Selector [name$="value"]
• Attribute Selector [name^="value"]

基础选择器

All Selector ("*")

选择所有元素,此选择器使用要慎重，其速度是极其慢的

  
  


  

  
DIV
  SPAN
  
P Button


 

Class Selector (".class")

选择给定样式类名的所有元素。

  
  


  
div class="notMe"
 
  
div class="myClass"
  span class="myClass"

 

Element Selector ("element")

根据给定（html）标记名称选择所有的元素。

  
  


  
DIV1
 
  
DIV2
  SPAN

 

ID Selector ("#id")

选择一个具有给定id属性的单个元素。

  
  


  
id="notMe"
 
  
id="myDiv"

 

Child Selector ("parent > child")

选择所有指定“parent”元素中指定的"child"的直接子元素。

  
  


 

  
Item 1
  
Item 2
    
Nested item 1
Nested item 2
Nested item 3
  
  
Item 3

 

 

属性选择器

Attribute Selector [name="value"]

选择指定属性是给定值的元素。

• attribute: 一个属性名.
• value: 一个属性值，可以是一个不带引号的一个单词或带一个引号的字符串。

  


  

    
      
      name
    
  
  

    
      
      age
    
  
  

    
      
      sex
    
  

Attribute Selector [name|="value"]

选择指定属性值等于给定字符串或以该字符串为前缀（该字符串后跟一个连字符“-” ）的元素。

  
  


 
  Some text 
 
  Some other text
 
  will not be outlined
 

Attribute [name*="value"]

选择指定属性具有包含一个给定的子字符串的元素。（选择给定的属性是以包含某些值的元素）

Attribute Selector [name~="value"]

选择指定属性用空格分隔的值中包含一个给定值的元素。

Attribute Selector [name$="value"]

选择指定属性是以给定值结尾的元素。这个比较是区分大小写的。

Attribute Selector [name^="value"]

选择指定属性是以给定字符串开始的元素

到此这篇关于jQuery 基础选择器与属性选择器的文章就介绍到这了,更多相关jQuery 选择器内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！