7.1 选择器

jQuery的安装很简单,你只需要把这个文件下载 jQuery-10(使用另存为) 然后在网页中加入链接 jQ可以有多种方式选择网页的元素,可以根据id,class,属性,就算选择出来的结果是一个集合,对于开发者来说也是透明的。
这里需要明确一点:jQuery选择器选择后得到的对象,是一个JQuery对象,不是javascript传统的DOM对象,你是不可以使用DOM对象的各种函数的,例如getAttribut("value")这样的。你只能使用JQuery定义好的函数,这些函数有一个完整的列表,我们将在后续的章节重点介绍常用的。
选择器实例选取
* 选择器$("*")所有元素
# 选择器$("#lastname")id="lastname" 的元素
. 选择器$(".intro")所有 class="intro" 的元素
元素选择器$("p")所有 p 元素
class.class$(".intro.demo")所有 class="intro" 且 class="demo" 的元素
   
jQuery :first 选择器$("p:first")第一个 p元素
jQuery :last 选择器$("p:last")最后一个 p元素
jQuery :even 选择器$("tr:even")所有偶数 tr元
jQuery :odd 选择器$("tr:odd")所有奇数 tr 元素
   
jQuery :eq() 选择器$("ul li:eq(3)")列表中的第四个元素(index 从 0 开始)
jQuery :gt 选择器$("ul li:gt(3)")列出 index 大于 3 的元素
jQuery :lt 选择器$("ul li:lt(3)")列出 index 小于 3 的元素
:not(selector)$("input:not(:empty)")所有不为空的 input 元素
   
jQuery :header 选择器$(":header")所有标题元素 h1 - h6
jQuery :animated 选择器">:animated 所有动画元素
   
jQuery :contains 选择器$(":contains('W3School')")包含指定字符串的所有元素
jQuery :empty 选择器$(":empty")无子(元素)节点的所有元素
:hidden$("p:hidden")所有隐藏的p 元素
jQuery :visible 选择器$("table:visible")所有可见的表格
   
s1,s2,s3$("th,td,.intro")所有带有匹配选择的元素
   
jQuery [attribute] 选择器$("[href]")所有带有 href 属性的元素
jQuery [attribute=value] 选择器$("[href='#']")所有 href 属性的值等于 "#" 的元素
jQuery [attribute!=value] 选择器$("[href!='#']")所有 href 属性的值不等于 "#" 的元素
jQuery [attribute$=value] 选择器$("[href$='.jpg']")所有 href 属性的值包含以 ".jpg" 结尾的元素
   
jQuery :input 选择器$(":input")所有 input元素
jQuery :text 选择器$(":text")所有 type="text" 的 input 元素
jQuery :password 选择器$(":password")所有 type="password" 的 input元素
jQuery :radio 选择器$(":radio")所有 type="radio" 的 input 元素
jQuery :checkbox 选择器$(":checkbox")所有 type="checkbox" 的 input 元素
jQuery :submit 选择器$(":submit") 所有 type="submit" 的 input 元素
jQuery :reset 选择器$(":reset")所有 type="reset" 的 input 元素
jQuery :button 选择器$(":button")所有 type="button" 的 input 元素
jQuery :image 选择器$(":image")所有 type="image" 的 input 元素
jQuery :file 选择器$(":file")所有 type="file" 的 input 元素
   
jQuery :enabled 选择器$(":enabled")所有激活的 input 元素
jQuery :disabled 选择器$(":disabled")所有禁用的 input 元素
jQuery :selected 选择器$(":selected")所有被选取的 input 元素
jQuery :checked 选择器$(":checked")所有被选中的 input 元素