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:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论