您的位置:首页 > Web前端 > JQuery

jquery 选择器

2016-01-04 17:45 931 查看
判断对象是否存在

if($('#tt').length>0){

do something;

}

改变所有的span元素和id为two的元素的背景颜色

$('span,#two').css('background','#bbffaa');

$('div span') 选取div里的所有span元素

$('div>span') 选取div元素下元素名是span的子元素

$('input:not(.myclass)') 选取class不是myclass的input元素

$('input:even') 选取索引是偶数的input元素

$('input:odd) 选取索引是奇数的input元素

$('input:eq(1)') 选取索引等于1的input元素

$('input:gt(1)') 选取索引大于1的input元素

$('input:lt(1)') 选取索引小于1的input元素

$(':focus') 获取当前获取焦点的元素

$('div:first') 改变第一个div的

$('div:last') 改变最后一个div的

$('div:not(.one)')改变class不为one的div

$("div:contains('我')")选取含有文本我的div元素

$("div:empty")选取不包含子元素(包括文本元素)的div空元素

$("div:has(p)")选取含有p元素的div元素

$(":hidden")选取所有不可见的元素。包括<input type="hidden" />,<div style="display:none;" />和<div style="visibiliy:hidden;" />等元素,如果只想选取input元素,可以用$("input:hidden")

$(":visible)选取所有可见元素.

$("div[id]")选取拥有id属性的div

$("div[title=test]选取属性title为test的div元素

$("div[title!=test]选取属性title不为test的div元素

$("div[title^=test]选取属性title以test开始的div元素

$("div[title$=test]选取属性title以test结尾的div元素

$("div[title*=test]选取属性title含有test的div元素

:nth-child()子元素过滤器

1 :nth-child(even)能选取每个父元素下的索引值是偶数的元素。

2 :nth-child(odd)能选取每个父元素下的索引值是奇数的元素。

3 :nth-child(2)能选取每个父元素下的索引值是2的元素。

4 :nth-child(3n)能选取每个父元素下的索引值是3的倍数的元素,(n从1开始)

5 :nth-child(3n+)能选取每个父元素下的索引值是3n+1的元素,(n从1开始)

eq(index)只匹配一个元素,index是从0开始,而:nth-child(index)将每一个符合条件的父元素匹配子元素,而且index是从1开始。

$("#form1 :enabled")选取id为form1的表单内的所有可用元素

$("#form1 :disabled")选取id为form1的表单内的所有不可用元素

$("input :checked")选取input元素的所有被选中元素

$("select option:selected")选取下拉框的所有被选中元素

$("#form1 input:disabled").val("test")改变form表单中input的val的值为test

$("input:checked").length;获取多选框选中的个数

$("select :selected").text();获取下拉框选中的内容
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: