JQuery选择器

.css的选择器：

标签选择器：div
ID选择器：#idf
类选择器：.d
群组选择器：div,span
后代选择器：ul li
通配选择符: *

.JQery与Css选择器的比较：
Css选择器添加的样式、风格、外观；
JQuery添加的行为；
运用JQuery判断元素是否存在是
不能运用下面的方式：

  if($("#v")){.......}

应用运用长度来判断：

if($("#v").length>0){........}

.JQuery基本选择器：
$("*"): 匹配所有元素；
$("#v"): 根据ID匹配；
$(".v"): 根据类名匹配；
$("p") : 根据元素名匹配；
$("div,span,p.myclass"): 将每一个选择器匹配到的元素合并后一起返回，可理解为"群组选择器"；

JQuery层次选择器：(找后代及兄弟元素)
$("div span"): 选取元素里的所有后代元素:$("div span").css("color","#0f0");
$("div>span"): 选取元素里的所有子元素:$("div>span").css("color","#0f0");
$("div+span"): 选取元素紧跟其后的相应的元素，注意：必须紧跟其后，不能间隔
例：

$('.spanClass3+p').css("color","#00f");
//或：
$("p+div").css("color","#fe0");

$("div~span"): 选取元素后面所有的兄弟元素, 注意：方法siblings()是选择所有(包括前与后)兄弟元素
例：

   $("span~div").css("color","#0fe");
   //或
   $(".spanClass3~p").css("color","#f0e");

$("div+span") 等价于：$("div").next("span");
$("div~span") 等价于：$("div").nextAll("span")

基本过滤选择器：(定位到具体的元素)
:first: 选择第一个元素；

$("div:first").css("color","#f00");

:last: 选取最后一个元素：

$("div:last").css("color","#0f0");

:not: 去除所有与给定选择器匹配的元素：

$("div:not(#Iddiv2)").css("color","#00f");

:even: 选取索引是偶数的所有元素,索引从0开始；

$("#Iddiv1>p:even").css("color","#0f0");

:odd: 选取索引是奇数的所有元素：

$("tr:odd").css("color","#0f0");

:eq(index): 选取索引等于index的元素，注意：index从0开始；

$("tr:eq(index)").css("color","#00f");

:gt(index): 选取索引大于index的元素：
:lt(index): 等到索引小于index的元素：
:header: 获取所有的标题元素,如：h1~h6;例：

$(":header").css("color","#f00");

:animated: 选取当前正在执行动画的元素；
内容过渡选择器：
:contains(text): 选取含有文本内容为"text"的元素：

$("p:contains('p2')").css("color","#009");

:has(selector): 选取含有选择器所匹配的元素的元素：

$("div:has('h1')").css("color","#0f0");

:empty: 选取不包含子元素或者文本的空元素:

$("p:empty").css("color","#00f").text("张三");

:parent: 选取含有子元素或文本的元素：

$("div:parent").css("color","#0f0");

可见性过滤选择器
:hidden: 选取所有不可见的元素：

var vText=$("div:hidden").html();alert(vText);

:visible: 选取所有可见的元素：

$("div:visible").css("color","#f00");

属性选择器
属性过滤选择器：
[attribute]: 选取拥有此属性的元素：

$("div[title]").css("color","#f00");

[attribute=value]: 选取属性的值为value的元素：

$("div[id=Iddiv1]").css("color","#f00");

[attribute!=vaule]: 选取属性的值不为value的元素：

$("div[id!=Iddiv1]").css("color","#0f0");

[attribute^=value]: 选取属性的值以value开始的元素：

$("div[id^=Id]").css("color","#00f");

[attribute$=value]: 选取属性的值以value结束的元素：

$("div[id$=div1]").css("color","#ff0");

[attribute*=value]: 选取属性的值包含value的元素：

$("div[id*=div]").css("color","#0ff");

[selector1][selector2][selectorN]: 用属性选择器债券成一个"复合属性选择器"，满足多个条件来选取元素,

$("div[id][title$=A]").css("color","#f0f");

子元素过滤选择器
:nth-child(index/even/odd/equation): 选取每个父元素下的第index个子元素或者奇偶元素, 注：index从1算起，如：

$("div:nth-child(even)").css("color","#f00");

:first-child: 选取每个父元素的第1个子元素：

$("div:first-child").css("color","#0f0");

:last-child: 选取每个父元素的最后一个子元素，注意：后代节点中的对应的叶节节点：

$("div[id=Iddiv1] :last-child").css("color","#0f0");

:only-child: 如果某元素是它父元素中惟一的子元素，那么将会被匹配；如果父元素中含有其他元素，则不会被匹配：$(ul li:only-child);

表单对象属性过滤器
:enabled:· 选取所有可用元素： $("#form1 :enabled");
:disabled: 选取所有不可用元素： $("#form2 :disabled");
:checked: 选取所胡被选中的元素(单选框，复选框): $("input:checked");
:selected: 选取所有被选中的选项元素(下拉列表);

表单对象属性过滤器：
:input: 选取所有的<input>,<textarea>,<select>和<button> 元素：$(":input")
:text: 选取所有的单行文本框： $(":text");
:password: 选取所有的密码框：$(":password") ;
:radio: 选取所有的单选框：$(":radio") ;
:checkbox: 选取所有的多选框：$(":checkbox");
:submit: 选取所有的提交按扭：$(":submit") ;
:image: 选取所有的图像按扭：$(":image");
:reset: 选取所有的重置按扭：$(":reset");
:button: 选取所有的按扭：$(":button");
:file: 选取所有的上传域：$(":file");
:hidden: 选取所有的不可见元素：$(":hidden");