jQuery中選擇器(常見)

2022-06-16 22:21:08 字數 730 閱讀 8471

null_zgx

2018-01-17 16:49:22

39329 

收藏 10

分類專欄: jquery

文章標籤: jquert

前端一、基本選擇器

基本選擇器是jquery中最常用也是最簡單的選擇器,它通過元素的id、class和標籤名等來查詢dom元素。

1、id選擇器 #id

描述:根據給定的id匹配乙個元素, 返回單個元素(注:在網頁中,id名稱不能重複)

示例:$("#test") 選取 id 為 test 的元素

2、類選擇器 .class

描述:根據給定的類名匹配元素,返回元素集合

示例:$(".test") 選取所有class為test的元素

3、元素選擇器 element

描述:根據給定的元素名匹配元素,返回元素集合

示例:$("p") 選取所有的元素

4、*描述:匹配所有元素,返回元素集合

示例:$("*") 選取所有的元素

5、selector1,selector2,...,selectorn

描述:將每個選擇器匹配到的元素合併後一起返回,返回合併後的元素集合

示例:$("p,span,p.myclass") 選取所有,和class為myclass的標籤的元素集合

二、層次選擇器

三、過濾選擇器

四、表單選擇器(返回元素集合,使用相似)

-->**來自

jQuery中選擇器(包含例項)

因為我查了一下,發現網上別人總結的確實也都不錯了,所以我下面主要是對選擇器的使用 其實主要還是為了督促自己多練習使用啦 推薦兩個我覺得不錯的關於選擇器的總結 jquery選擇器 w3c jquery選擇器 jquery中的選擇器,主要也就分為 基本選擇器 屬性選擇器 內容選擇器 過濾選擇器 子元素選...

jQuery常見選擇器

以下內容都是我讀 鋒利的jquery 的筆記,記錄下來,沒事多看看。id為one,class為one的div class為mini id為two,class為one,title為test的div class為mini,title為other class為mini,title為test class為m...

jquery 常見選擇器

1 一切的核心,可以跟4種引數 expression 比如 id class 等,返回jquery物件,或者jquery物件的集合 html 比如 hello world 返回jquery物件,或者jquery物件的集合 element 比如 document.body 返回jquery物件,或者j...