jQuery中有“过滤选择器”,通过特定的规则来筛选出所需的DOM元素,都是以(:)开头的。
$("div:first")//选取出所有<div>元素中第一个<div>元素 $("div:last")//选取出所有<div>元素中最后一个<div>元素 $(":header");//选取网页中的所有的<h1>等标题元素 $("input:not(.class)");//选取class不是“class”的<input>元素 $("input:even");//取出索引是偶数的<input>元素 $("input:odd");//取出索引是奇数的<input>元素 $("input:eq(3)");//取出索引是3的<input>元素 $("input:lt(3)");//索引小于3的 $("input:gt(3)");//索引大于3的 $(":focus");//选取当前焦点的元素 $("td:contains('content')");//选取文本中包含content的<td>元素 $("div:empty");//选取不包含子元素和文本的div $("div:parent");//选取拥有子元素或文本的<div>元素 $("div:has(p)");//选取含有<p>元素的<div>元素
另外,有些隐藏域的元素,我们也会经常操作到,常见的不可见元素有:
<input type="hidden"/> <div style="display:none;"> <div style="visibility:hidden">
如果要选取所有的不可见元素,就是上面这些,用
$(":hidden");
只选取<input>这种的话,用
$("input:hidden");
还可以更灵活地使用元素的ID直接命中选取哦,这才是最简单的方法,选取的方法,请参照前一篇。
$("div:visible");//选取所有可见的<div>元素.
常用的表单选择器:
$(":password");//选取所有的密码框 $(":submit");//选取所有的提交按钮 $(":checkbox");//选取所有的复选框 $(":button");选取所有的按钮 $(":radio");//选取所有的单选按钮 $(":file")//选取所有的文件上传域