jQuery_2_选择器

jQuery提供了更加方便的选择器，让我们快速简单获取的目标标签。

 

---

 

一、jQuery选择器概述

返回值：

　　object对象，此对象常用方法：

//获取选择到的第1个对象的value值
obj.val();
//获取选择到的第2个对象的value值
obj[1].value;

//获取选择到的第1个标签内容
obj.html();
obj.text();
//获取选择到的第2个标签内容
obj[1].innerHTML;

 

---

二、常见选择器

id选择器：

var obj = $('#id值');

标签选择器：

var objs = $('标签名');

类选择器：

var objs = $(".类名")；

组合选择器：

//包含所有的div元素，id为uname的元素，class为aaa的p元素
var objs = $("div,#uname,p.aaa");

层级选择器：

　　1、>选择器：

//获取指定的子标签
var eles = $("父标签>子标签");

　　2、+选择器：

　　　　　　紧挨着的下一个

//获取指定标签，紧挨着的下一个指定元素
//例子：获取a标签相邻的p标签
var ele = $("a+p");
//例子：获取id为uname标签相邻的p标签
var els = $("#uname+p");

　　3、~选择器：

　　　　　　之后出现的

//获取div标签之后出现的所有p标签
var eles = $("div~p");

出现顺序选择器：

　　　　　　第几个出现的

//获取第一个出现的td元素
var obj = $("td:first");

属性选择器：

　　　　　　通过属性来选择

//获取存在属性width的td元素
var obj = $(td[width]);

not选择器：

　　　　　　取反

//获取不存在width属性的td
var obj = $("td:not(td[width])");

内容选择器：

//获取包含指定内容的p元素
var obj = ("p:contains('string')");

空白元素选择器：

//获取不包含子元素或文本的元素
var obj = $("td:empty");

不可见元素选择器：

　　　　　　　input元素的type属性为hidden也会被获取

//获取所有不可见的td元素（display:none）
$("td:hidden");

可见元素选择器：

$("tr:visible");