jquery之选择器

冷不防 2022-01-12 05:39 291阅读 0赞

## jquery： ##

使用jquery时返回的是jquery对象，jquery只能使用jquery提供的方法

使用jQuery要先使用一个单独的script标签引入一个jquery。再创建一个script标签用来写事件

jquery中的选择器基本上和css上的选择器差不多(不过jquery的选择器是写在单引号或者双引号里边的)

## 选择器： ##

*  id选择器：\#id
    
    使用方法：$（"\#id"）
 *  class选择器：.class
    
    使用方法：$(".class")
 *  通配选择器：\* 匹配到所有的HTML元素
    
    使用方法：$(\*)
 *  element直接选择到HTML元素
    
    使用方法：$("HTML元素")

### 筛选选择器:(相较于选择器来说筛选选择器能选择的更具体) ###

*  :first 想要选择到那个元素的第一个
    
    例如：li：first选择到li元素的第一个
    
    使用方法:$("HTML元素：first")
 *  :odd 匹配所有索引值为奇数的元素，从0开始
    
    使用方法：$("HTML元素:odd")
 *  :not() 选择到所有选择到到的HTML元素然后把class为not括号里的参数d的剔除掉
    
    使用方法：$("HTML元素:not('参数')")
 *  ：even 匹配所有索引值为偶数的元素从0开始计数
    
    使用方法：$("HTML元素：even")
 *  ：eq(元素的索引) 匹配给定索引值的元素
    
    使用方法：$("HTML元素:eq(元素的索引)")
 *  ：gt(元素的索引)匹配所有大于给定索引值的元素，不包括给定索引值的元素
    
    使用方法：$("HTML元素:gt(元素的索引)")
 *  :last 想要选择那个元素的最后一个
    
    使用方法：$("HTML元素:last")
 *  :header 匹配所有的标题元素
    
    使用方法：$("HTML元素:header")

### 内容选择器: ###

*  :contains(text) 匹配包含某个文本的元素
    
    使用方法：$("HTML元素：contains('包含某个文本的文档')")
 *  :empty 匹配不包含子元素和文本的元素
    
    使用方法:$("HTML元素:empty")
 *  :parent 匹配包含文本的子元素和父元素
    
    使用方法：$("HTML元素:parent")

### 可见性选择器： ###

*  :hidden 匹配所有不可见元素或者type为hidden的元素
    
    使用方法：$("HTML元素:hidden")
 *  :visible 匹配所有的可见元素
    
    使用方法：$("HTML元素:visible")

### 属性选择器:\[\] ###

匹配所有给定属性的元素

使用方法：$("\[属性\]")

转载于:https://juejin.im/post/5d059ee9e51d4510835e0295