jQuery 中文文档
孙本强
                                2010-11-10

目    录
部分常用方法速查    2
选择器    2
表单选择器    4
属性    5
节点匹配    6
文本处理    12
Css    13
事件    15
动画效果    18
Ajax    20
其他    24
Ajax    24
页面设计培训班1. load( url, [data], [callback] )    24
2. ( url, [data], [callback] )    25
3. jQuery.post( url, [data], [callback], [type] )    26
4. Script( url, [callback] )    27
5. jQuery Ajax 事件    27
6. jQuery.ajax( options )    29
7. jQuery.ajaxSetup( options )    31
8. serialize() 与 serializeArray()    31

部分常用方法速查
$()
如果()内是
css选择器：到相应的节点包装成JQuery对象
DOM对象：直接包装成JQuery对象
一段HTML代码：先创建DOM对象，再包装成JQuery对象
$("<div></div>").appendTo($(obj))
html中href标签的作用返回 jQuery
$(#id)
根据给定的ID匹配一个元素。
返回 jQuery
$(element)
根据给定的元素名匹配所有元素
返回 Array<Element(s)>
$(.class)
根据给定的类匹配元素。
返回 Array<Element(s)>
$(*)
匹配所有元素
返回 Array<Element(s)>
$(selector1,selector2,selectorN)
将每一个选择器匹配到的元素合并后一起返回。
返回 Array<Element(s)>
选择器
parent > child
取得<div>下的所有<span>子节点
$("div > span")
返回Array<Element(s)>
:first
选取所有<div>元素中第一个<div>元素
$("div:first")
返回jQuery
:last
选取所有<div>元素中最后一个<div>元素
$("div:last")
返回jQuery
:not(Selector)
选取所有class不是mytest的<div>元素
$("div:not(.mytest)")
返回Array<Element(s)>
:even
codeblocks编译框不见了
查表格的偶数行，从0开始计数
$("tr:even")
返回Array<Element(s)>
:odd
查表格的奇数行，从0开始计数
$("tr:odd")
返回Array<Element(s)>
:eq(index)
匹配一个给定索引值的元素，从0开始计数
$("tr:eq(1)")
返回Array<Element(s)>
:gt(index)
匹配所有大于给定索引值的元素，从0开始计数
$("tr:gt(0)")
返回Array<Element(s)>
:lt(index)
匹配所有小于给定索引值的元素，从0开始计数
$("tr:lt(2)")
返回Array<Element(s)>
:animated
选取当前正在执行动画的所有元素
$(":animated")
返回Array<Element(s)>
:contains(string)
选取所有文本内容包含“关键词”的<div>元素
$("div:contains('关键词')")
返回Array<Element(s)>
:has
查所有含有<p>子元素的<div>父元素
$("div:has(p)")
返回Array<Element(s)>
:empty
选取所有空<div></div>的元素
$("div:empty")
返回Array<Element(s)>
:visible
查所有可见元素
$("tr:visible")
返回Array<Element(s)>
[attribute = value]
选取文本输入框的input元素
$("input[type=text]")
返回Array<Element(s)>
[attribute != value]
选取所有不是hidden的input元素，注意，没有type属性的input也会被选取
$("input[type!=hidden]")
返回Array<Element(s)>
[attribute ^= value]
选取开头为mailto:的所有a链接
$("a[href^='mailto']")
返回Array<Element(s)>contemptuous
[attribute $= value]
选取所有结尾为.jpg的img图片
$("img[src$='.jpg']")
返回Array<Element(s)>
表单选择器
:input
查所有的input元素（包括input, textarea, select和button）
$(":input")
返回Array<Element(s)>
:password
查所有密码框
$(":password")
返回Array<Element(s)>
:text
查所有单行文本框
$(":text")
返回自学编程能接私活吗Array<Element(s)>
:radio
查所有单选按钮
$(":radio")
返回Array<Element(s)>
:checkboxjquery下载的文件怎么使用
查所有复选框
$(":checkbox")
返回Array<Element(s)>
:checked
查所有选中的checkbox, radio
$("input:checked")
返回Array<Element(s)>
:selected
查所有选中的选项元素
$("select:selected")
返回Array<Element(s)>
属性
attr(key) attr(key,value)设置一个属性的值
HTML:
<img src="test.jpg"/>
jQuery:
$("img").attr("src");
Result:
test.jpg
返回jQuery
removeAttr(key)
删除一个属性
HTML:
<img src="test.jpg"/>
jQuery:
$("img").removeAttr("src");
Result:
[<img /> ]
返回jQuery
addClass(class)
追加指定的类名
HTML:
<p>Hello</p>
jQuery:
$("p").addClass("selected highlight");
Result: