jQuery基礎---選擇器

  • 基本選擇器

1、#id 返回值單個元素的組成的集合

$(“#MyId”) ——說明:就是選擇html中的id=”MyId”;

2、Element 返回值集合元素

$(“div”)——說明:可以返回例如“div”、“input”、“a”等中的值

3、class 返回值 集合元素

$(“MyClass”) ——說明:就是選擇html中的iclass=”MyClass”

4、* 所有值

$(“*”) ——說明:這樣會將頁面中的所有選項都選中

5、並集 返回值 集合元素

$(“div,span,class”)——說明:指定多個選擇器,將匹配到的元素合併到一起

  • 層次選擇器

1、祖先 後代 返回值 集合元素

$(“form input”)——在給定的祖先元素下匹配所有後代元素

2、父母 子代 返回值 集合元素

$(“form >input”)——在給定的父元素下匹配所有子元素

3、相鄰元素 返回值 集合元素

$(“lable + input”)——匹配所有緊接在prev元素後的next元素

4、prev ~ siblings 之後的所有元素 返回值 集合元素

$(“form ~ input”)——匹配prev元素之後的所有siblings元素,並且siblings匹配的是和prev同輩的元素,其後輩元素不被匹配

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章