jQuery是一種使用JavaScript編寫的快速、小型、可擴展的JavaScript庫。jQuery中的選擇器是用于選擇DOM元素的重要工具,以下是jQuery選擇元素的方法大全。
//1.按ID選擇元素
$('#element-id')
//2.按class選擇元素
$('.element-class')
//3.按標簽名選擇元素
$('tag-name')
//4.組合選擇器
$('#element-id .element-class')
//5.按屬性值選擇元素
$('tag-name[attribute=value]')
//6.按屬性選擇元素
$('tag-name[attribute]')
//7.按子元素選擇元素
$('parent-tag-name child-tag-name')
//8.按兄弟元素選擇元素
$('tag-name + tag-name')
//9.按后續元素選擇元素
$('tag-name ~ tag-name')
//10.按索引選擇元素
$('tag-name:eq(index)')
//11.按屬性是否包含某個字符串選擇元素
$('tag-name[attribute*=value]')
//12.按屬性開頭是否包含某個字符串選擇元素
$('tag-name[attribute^=value]')
//13.按屬性結尾是否包含某個字符串選擇元素
$('tag-name[attribute$=value]')
//14.按屬性值是否為某個字符串選擇元素
$('tag-name[attribute=value]')
//15.選擇第一個元素
$('tag-name:first')
//16.選擇最后一個元素
$('tag-name:last')
//17.選擇帶有指定屬性的元素
$('tag-name[attribute]')
//18.選擇沒有指定屬性的元素
$('tag-name:not([attribute])')
//19.選擇有指定屬性但屬性值不等于指定值的元素
$('tag-name[attribute!=value]')
//20.選擇位置在第n個之后的元素
$('tag-name:gt(index)')
//21.選擇位置在第n個之前的元素
$('tag-name:lt(index)')
//22.選擇偶數位置的元素
$('tag-name:even')
//23.選擇奇數位置的元素
$('tag-name:odd')
//24.選擇包含指定文本的元素
$('tag-name:contains(text)')
//25.選擇不包含指定文本的元素
$('tag-name:not(:contains(text))')