jQuery语法教程.doc

jQuery语法 $(selector).action() jQuery 使用 $ 符号作为 jQuery 的简介方式。 var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。 jQuery 选择器 选择器 实例 选取 * $(*) 所有元素 #id $(#lastname) id=lastname 的元素 .class $(.intro) 所有 class=intro 的元素 element $(p) 所有 p 元素 .class.class $(.intro.demo) 所有 class=intro 且 class=demo 的元素 ? ? ? :first $(p:first) 第一个 p 元素 :last $(p:last) 最后一个 p 元素 :even $(tr:even) 所有偶数 tr 元素 :odd $(tr:odd) 所有奇数 tr 元素 ? ? ? :eq(index) $(ul li:eq(3)) 列表中的第四个元素（index 从 0 开始） :gt(no) $(ul li:gt(3)) 列出 index 大于 3 的元素 :lt(no) $(ul li:lt(3)) 列出 index 小于 3 的元素 :not(selector) $(input:not(:empty)) 所有不为空的 input 元素 ? ? ? :header $(:header) 所有标题元素 h1 - h6 :animated ? 所有动画元素 ? ? ? :contains(text) $(:contains(W3School)) 包含指定字符串的所有元素 :empty $(:empty) 无子（元素）节点的所有元素 :hidden $(p:hidden) 所有隐藏的 p 元素 :visible $(table:visible) 所有可见的表格 ? ? ? s1,s2,s3 $(th,td,.intro) 所有带有匹配选择的元素 ? ? ? [attribute] $([href]) 所有带有 href 属性的元素 [attribute=value] $([href=#]) 所有 href 属性的值等于 # 的元素 [attribute!=value] $([href!=#]) 所有 href 属性的值不等于 # 的元素 [attribute$=value] $([href$=.jpg]) 所有 href 属性的值包含以 .jpg 结尾的元素 ? ? ? :input $(:input) 所有 input 元素 :text $(:text) 所有 type=text 的 input 元素 :password $(:password) 所有 type=password 的 input 元素 :radio $(:radio) 所有 type=radio 的 input 元素 :checkbox $(:checkbox) 所有 type=checkbox 的 input 元素 :submit $(:submit) 所有 type=submit 的 input 元素 :reset $(:reset) 所有 type=reset 的 input 元素 :button $(:button) 所有 type=button 的 input 元素 :image $(:image) 所有 type=image 的 input 元素 :file $(:file) 所有 type=file 的 input 元素 ? ? ? :enabled $(:enabled) 所有激活的 input 元素 :disabled $(:disabled) 所有禁用的 input 元素 :selected $(:selected) 所有被选取的 input 元素 :checked $(:checked) 所有被选中的 input 元素 防止文档在完全加载（就绪）之前运行 jQuery 代码 $(document).ready(function(){ } )； jQuery 事件 方法 描述 bind() 向匹配元素附加一个或更多事件处理器 blur() 触发、或将函数绑定到指定元素的 blur 事件 change() 触发、或将函数绑定到指定元素的 change 事件 click() 触发、或将函数绑定到指定元素的 click 事件 dblclick() 触发、或将函数绑定到指定元素的 double click 事件 delegate() 向匹配元素的当前或未来的子元素附加一个或多个事件处理器 die() 移除所有通过 live() 函数添加的事件处理程序。 error() 触发、或将函数绑定到指定元素的 er