您的位置:首页 - 教程 - jQuery - 正文
jquery选择过滤

$(myForm.elements).

jquery选择过滤学习:
$("tr:even")----匹配所有的偶数行(索引值查询)
$("tr:odd")----匹配所有的技术行
$("tr:eq(2)")----匹配下标为2的tr元素内容
$("tr:gt(1)")----匹配所有下标大于1的行
$("tr:lt(2)")----匹配所有下标小于2的行
$("div:not(:animated)").animate({left:"+=20"},1000);
----只有对不在执行动画效果的元素执行一个动画效果
$("#login:focus"); ----当页面加载后将id为"login"的元素设置为焦点
$("div:contains('John')")----查找所有包含"Join"的div元素
$("td:empty");----查找所有不包含子元素或者文本的空元素
$("div:has(p)").addClass("test");----给多有包含p元素的div元素添加一个text的类
$("td:parent")----查找所有含有子元素或者文本的td元素
$("input:hidden")----匹配type为hidden的元素(或者查找隐藏的tr,$("tr:hidden"),-----------style(disply:none)表示被隐藏)

$("tr:visible")----查找所有可视的tr元素

$("div[id]")----查找所有含有id属性的div元素
$("input[name='newslstter']").attr("checked",true);
$("input[name!='newslstter']").attr("checked",true);
$("input[name^='news']")-----以news开头的input元素
$("input[name$='news']")-----以news结尾的input元素
$("input[name*='man']")----查找所有name包含main的input元素
$("input[id][name$='man']")----找到所有含有id属性,并且它的name值以man结尾的元素
$("ul li:nth-child(2)")----在每个ul中查找第二个li
$("ul li:first-child")
$("ul li:last")
$("ul li:only-child")----在ul中查找是唯一子元素的li

$(":input")----查找所有的input元素
$(":text")----查找所有的单行文本框
$(":password")----查找所有的密码框
$(":...")----查找所有的...

$(":ennabled")
$(":disabled")----匹配所有不可用的元素
$(":checked")----查找所有选中的复选框的元素(复选框、单选框等不包括select的option)
$(":selected")----匹配所有选中的option元素

$("div,span,p.myClass")----找到匹配任意一个类的元素
$("form input")----找到表单中所有的input元素
$("form > input")----匹配表单中所有的子级input元素
$("lable + input")----匹配所有跟在lable后面的input元素
$("form input")----找到所有与表单同辈的input元素

$("input[type='checkbox']").prop("checked");----选中为true,未选中为false
$("input[type='checkbox']").prop({disabled:true});----禁用页面上的所有复选框

$("input[type='checkbox']").prop("chehcked",function(i,val){
return !val;
}); ------通过函数来设置所有页面上的复选框被选中


评论: