【JS】【jQuery】【获取对象,选择器】

通过$(“XXX”)方式获取的都是jQuery对象,由Dom的节点元素组成的伪数组对象

- 基本选择器

$("#id值");      //返回一个伪数组,里面只有一个对应id的节点元素
$("div");       //返回所有标签是div的节点元素
$(".myclass");  //返回所有class='myclass'的节点元素
$("*");         //返回所有节点元素
//多重选择
$("#myid,span,div.myclass"); //返回id=myid的元素,所有span标签的元素,div标签且class=myclass的元素 组成的JQuery伪数组对象.

- 层级选择器

$("ul li");      //返回ul下所有级别的li子元素.
$("ul>li");      //返回ul下第一级的li子元素.
$("div~input");  //返回div之后的第一个input元素
$("div+input");  //返回div之前的第一个input元素

- 属性选择器

$("*[name]");             //返回所有有name属性的元素
$("*[name='armo']");      //返回所有name='armo'的元素
$("select[name='armo']")  //返回所有name='armo'的select元素
$("*[name^='armo']");     //返回所有以armo开头的元素
$("*[name$='armo']");     //返回所有以armo结尾的元素 
$("*[name*='armo']");     //返回所有含有armo的元素

- 内容选择器

$("div:empty");             //返回无子节点(文本也是节点)的div元素  
$("div:parent");           //返回有内容的div
$("div:has(p)");      //返回内容中有p节点的div
$("div:contains('armo')"); //返回内容中有'armo'文本的div

- 子元素选择器

$("ul li:nth-child(2)"); //返回所有ul下的第二个li
$("ul li:fist-child");   //返回所有ul下的第一个li
$("ul li:last-child");   //返回所有ul下的最后一个li
$("ul li:only-child");   //返回唯一的li(ul下只有一个ul)

- 表单选择器

$(":input");   //返回所有input+select+textarea+button的节点
$(":text");    //返回所有input标签中type=text的元素节点
$(":checkbox"); //返回所有input标签中type=checkbox的元素节点

- 表单属性选择器

$(":checkbox"); //input的checkbox中被选中的节点
$(":selected"); //select的option中被选中的节点
$(":disabled");//input中不可以编辑的节点
$(":enabled"); //input中可以编辑的节点