JQuery选择器

标签：

基本选择器：

$("#test")    //选取id为test的元素

$(".test")    //选取所有class为test的元素

$("p")      //选择所有的<p>元素

$("*")      //选取所有的元素

$("span, #test")  //选取所有<span>元素和id为test的元素

层次选择器：

$("div span")   //选取<div>里的所有的<span>元素

$("div > span")  //选取<div>元素下元素名是<span>的子元素

$(".one + div")  //选取class为one的元素的下一个<div>兄弟元素，等价于$(".one").next("div");

$("#test ~ div") //选取id为test的元素后面的所有<div>兄弟元素，等价于$("#test").nextAll("div");

注：

$("#test").prev();   //选取id为test的上一个兄弟节点

$("#test").siblings(); //选取id为test的所有兄弟节点

过滤选择器：

--基本过滤选择器：

$("div:first")       //选取所有<div>元素中第一个<div>元素

$("div:last")        //选取所有<div>元素中最后一个<div>元素

$("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>元素

--内容过滤选择器：

$("div:contains(‘我‘)")  //选取含有文本"我"的<div>元素

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

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

$("div:parent")      //选取拥有子元素(包括文本元素)的<div>元素

--可见性过滤选择器：

$(":hidden")    //选取所有不可见的元素

$("div:visible")  //选取所有可见的<div>元素

--属性过滤选择器：

$("div[id]")        //选取拥有属性id的<div>元素

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

$("div[title!=test]")    //选取属性title不等于"test"的<div>元素(没有title属性的元素也会被选中)

$("div[title^=test]")    //选取属性title以"test"开头的<div>元素

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

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

$("div[id][title$=test]")  //选取拥有属性id，并且属性title以"test"结尾的<div>元素

--子元素过滤选择器：

$("div.one :nth-child(index/even/odd/equation)")  //:eq(index)只匹配一个元素，而nth-child将为每一个父元素匹配子元素

$("ul li:first-child")               //选取每个<ul>元素中第一个<li>元素

$("ul li:last-child")                //选取每个<ul>元素中最后一个<li>元素

$("ul li:only-child")                //在<ul>中选取是唯一子元素的<li>元素

--表单对象属性过滤选择器：

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

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

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

$("select :selected")   //选取所有被选中的选项元素

表单选择器:     

$(":input")     //选取所有<input>,<textarea>.<select>,<button>元素

$(":text")     //选取所有单行文本框

$(":password")   //选取所有密码框

$(":radio")     //选取所有单选框

$(":checkbox")   //选取所有复选框

$(":submit")    //选取所有提交按钮

$(":image")     //选取所有图片按钮

$(":reset")     //选取所有重置按钮

$(":button")    //选取所有按钮

$(":file")     //选取所有上传域

JQuery选择器

标签：

原文地址：http://www.cnblogs.com/wuhaopeng/p/4872276.html