jQuery是一个JavaScript函数库，其包含以下特性：
HTML元素选取、HTML元素操作、CSS操作、HTML事件函数、JavaScript特效和动画、HTML DOM遍历和修改、AJAX、Utilities
1.从jQuery.com网站下载
2.在页面中通过<script>标签引用
注意：<script>标签应该位于<head>标签内
技巧：可以通过网络引用jQuery库，其优势在于某些用户在浏览其他网页时浏览器已加载文件，当其访问页面时浏览器从缓存中加载jQuery，从而减少时间
引用网络jQuery：
引用谷歌CDN：
<head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"> </script> </head>
引用微软CDN：
<head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"> </script> </head>
id选择：$("#content")，选取id为content的DOM节点
标签选择：$("p")，选取页面中指定名称的所有标签
类选择：$(".red")，选取class为red的节点
*选择：$("*")，选取html中所有节点，例子：$("div *")选取所有div标签节点
多项选择：$("select1,select2,select3...selectN")，可以是上面任意的一种格式(id选择,类选择)，多个以英文逗号隔开
ance desc选择：$("ance desc")。选取ance内部的所有desc标签
parent child选择：$("父>子")，选取父标签的子标签
prev+next选择：$("#content+a")，选取id为content的标签后面第一个a标签
prev~next选择：$("p~a")，选取p标签下面同辈的所有a标签
|
选择器语法 |
说明 |
例子 |
例子解释 |
|
$(“#idName”) |
Id选择器 |
$(“con”) |
选取id名称为con的标签返回 |
|
$(“.className”) |
class选择器 |
$(“.con”) |
选取class名称为con的标签返回 |
|
$(“element”) |
标签选择器 |
$(“a”) |
选取所有a标签返回 |
|
$(“*”) |
*选择器 |
$(“div *”) |
选取div下的所有标签 |
|
$(“select1,select2...selectN”) |
多项选择器 |
$(“a,#con,.con”) |
选取a标签和id名为con、类名为con的标签 |
|
$(“ance desc”) |
|
$(“div p”) |
选取div标签内部的所有p标签 |
|
$(“parent>child”) |
父子选择器 |
$(“div>p”) |
选取div标签下第一层(子标签)的p标签 |
|
$(“prev+next”) |
|
$(“div+div”) |
选取div后面的第一个div(同辈) |
|
$(“prev~next”) |
|
$(“div~div”) |
选取后面的所有同辈div标签 |
first：$("li:first")，选择第一个li标签，用于选中同一组标签中的第一个标签
last：$("li:last")，选择最后一个li标签
eq：$("li:eq(index)")，选择一组li标签中index位置的标签，index从0开始
contains：$("li:contains(‘美女‘)")，选取li标签组中所有包含美女字符的li标签
has：$("li:has(‘p‘)")，选取一组li标签中包含p标签的标签
hidden：$("input:hidden")，选取隐藏了的input标签
visible：$("input:visible")，选取所有可见的input标签
first-child：$("li:first-child")，比first功能强大，其可以选择多组的li标签中的第一个li元素
last-child：$("li:last-child")，比last功能强大，其可以选择多组li标签中最后一个li元素
attribute=value：$("li[title=‘蔬菜‘]")，选取li标签中title属性的值为蔬菜的所有标签
attribute!=value：$("li[title!=‘蔬菜‘]")，选取li标签组中title不包含蔬菜的所有标签，其中[]为专属属性的符号
attribute*=value：$("li[title*=‘果‘]")，获取li标签组中title属性包含‘果’字符的所有li标签
input：$("#formTest:input")，选择表单中所有input标签，包括input、textarea、select、button
text：$("#formTest:text")，选择表单中全部单行的文本框
password：$("#formTest:password")，选择表单中全部的密码框
radio：$("$#formTest:radio")，选择表单中全部的radio(单选框)
checkbox：$("#formTest:checkbox")，选取表单中全部的复选框
input:submit：$("#form input:submit")，选取表单中的submit(提交按钮)
image：$("#form:image")，选取input标签中type属性为image的标签
button：$("#form:button")，获取所有input标签中type属性为button的按钮与<button>标签包裹的按钮
checked：$("#form:checked")，获取所有处于选中状态的元素(单选框、复选框)
selected：$("#form:selected")，获取所有select标签中被选中的option选项元素
原文：http://www.cnblogs.com/gzc0918/p/5104193.html