jQuery 选择器使用大全

  |   0 评论   |   194 浏览

$("*") // 选择所有元素
$("#divId")  // 选择ID为divId的元素
$(".divClass") // 选择所有class=divClass 的元素
$("p")  // 所有的P元素
$(".divClass.divDemo")    // class同时存在divClass和divDemo的元素
$("p:first")    // 第一个P元素
$("p:last")     // 最后一个P元素
$("tr:even")    // 所有偶数行的tr元素
$("tr:odd")     // 所有奇数行的tr元素
$("ul li:eq(4)")    //  列表中的第5个元素,找不到返回undefined(index从0开始)
$("ul li:gt(3)")    // 列表中第四列之后的元素
$("ul li:lt(3)")    // 列表中第四列之前的元素
$("input:not(:empty)")  // 所有不为空的input元素
$(":header")    // 所有的标题元素   <h1> → <h6>
$(":animated")  // 所有的动画元素
$(":contains('test')")  // 所有包含test字符串的所有元素
$(":empty") // 无子节点或子元素的所有元素
$("p:hidden")   // 所有隐藏的P元素
$("table:visible")  // 所有可见的表格
$("div,#divId,.testClass")  // 所有带有匹配选择的元素
$("[href]") // 所有带有 href 属性的元素
$("[href='#']") // 所有 href 属性的值等于 "#" 的元素
$("[href!='#']")    // 所有 href 属性的值不等于 "#" 的元素
$("[href$='.jpg']") // 所有 href 属性的值包含以 ".jpg" 结尾的元素
$(":input") // 所有 <input> 元素
$(":text")  // 所有 type="text" 的 <input> 元素
$(":password")  // 所有 type="password" 的 <input> 元素
$(":radio") // 所有 type="radio" 的 <input> 元素
$(":checkbox")  // 所有 type="checkbox" 的 <input> 元素
$(":submit")    // 所有 type="submit" 的 <input> 元素
$(":reset") // 所有 type="reset" 的 <input> 元素
$(":button")    // 所有 type="button" 的 <input> 元素
$(":image") // 所有 type="image" 的 <input> 元素
$(":file")  // 所有 type="file" 的 <input> 元素
$(":enabled")   // 所有激活的 input 元素
$(":disabled")  // 所有禁用的 input 元素
$(":selected")  // 所有被选取的 input 元素
$(":checked")   // 所有被选中的 input 元素
$("div[name^='aa']");   // name前缀为aa的所有div的jquery对象 
$("div[name$='aa']");   // name后缀为aa的所有div的jquery对象 
$("div[id*='aa']");     // name中包含aa的所有div的jquery对象 

评论

发表评论