判断对象是否存在
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();获取下拉框选中的内容