jQuery大全.docVIP

jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数，隐藏当前的 HTML 元素。 $(#test).hide() 演示 jQuery hide() 函数，隐藏 id=test 的元素。 $(p).hide() 演示 jQuery hide() 函数，隐藏所有 p 元素。 $(.test).hide() 演示 jQuery hide() 函数，隐藏所有 class=test 的元素。 jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。 $(p) 选取 p 元素。 $(ro) 选取所有 class=intro 的 p 元素。 $(p#demo) 选取 id=demo 的第一个 p 元素。 jQuery 属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素。 $([href]) 选取所有带有 href 属性的元素。 $([href=#]) 选取所有带有 href 值等于 # 的元素。 $([href!=#]) 选取所有带有 href 值不等于 # 的元素。 $([href$=.jpg]) 选取所有 href 值以 .jpg 结尾的元素。 jQuery CSS 选择器.css() jQuery 名称冲突 jQuery 使用 $ 符号作为 jQuery 的简介方式。 某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号。jQuery 使用名为 noConflict() 的方法来解决该问题。 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)