JQuery基础教程-学习笔记整理（1）
Posted by admin on 2010/07/25
1 comment
.ready()：当DOM载入就绪可以查询及操纵时绑定一个要执行的函数；
.addClass()：为每个匹配的元素添加指定的类名；
.removeClass()：从所有匹配的元素中删除全部或者指定的类；
:not()：去除所有与给定选择器匹配的元素；
$('a[title]')选择所有带title属性的链接；
$('a[href^="mailto:"]')选择所以href属性具以mailto开头的a元素；
$('a[href$=".pfd"]')选择所以href属性并以.pdf结尾的a元素；
:eq匹配一个给定索引值的元素，从0开始计数；
:nth-child()匹配其父元素下的第N个子或奇偶元素，从1开始；
例如：
在每个 ul 查找第 2 个li
HTML代码：
<ul>
<li>John</li>
<li>Karl</li>
<li>Brandon</li>
</ul>
<ul>
<li>Glen</li>
<li>Tane</li>
<li>Ralph</li>
</ul>
JQuery代码：
$("ul li:nth-child(2)")
结果：
<li>Karl</li>, <li>Tane</li>
:odd匹配所有索引值为奇数的元素，从 0 开始计数；
:even匹配所有索引值为偶数的元素，从 0 开始计数；
:contains匹配包含给定文本的元素；
.filter筛选出与指定表达式匹配的元素集合；
HTML 代码:
<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>
JQuery 代码:
$("p").filter(".selected")
结果:
<p class="selected">And Again</p>
.get()取得所有匹配的 DOM 元素集合；
.addClass()：为每个匹配的元素添加指定的类名；
.removeClass()：从所有匹配的元素中删除全部或者指定的类；
:not()：去除所有与给定选择器匹配的元素；
$('a[title]')选择所有带title属性的链接；
$('a[href^="mailto:"]')选择所以href属性具以mailto开头的a元素；
$('a[href$=".pfd"]')选择所以href属性并以.pdf结尾的a元素；
:eq匹配一个给定索引值的元素，从0开始计数；
:nth-child()匹配其父元素下的第N个子或奇偶元素，从1开始；
例如：
在每个 ul 查找第 2 个li
HTML代码：
<ul>
<li>John</li>
<li>Karl</li>
<li>Brandon</li>
</ul>
<ul>
<li>Glen</li>
<li>Tane</li>
<li>Ralph</li>
</ul>
JQuery代码：
$("ul li:nth-child(2)")
结果：
<li>Karl</li>, <li>Tane</li>
:odd匹配所有索引值为奇数的元素，从 0 开始计数；
:even匹配所有索引值为偶数的元素，从 0 开始计数；
:contains匹配包含给定文本的元素；
.filter筛选出与指定表达式匹配的元素集合；
HTML 代码:
<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>
JQuery 代码:
$("p").filter(".selected")
结果:
<p class="selected">And Again</p>
.get()取得所有匹配的 DOM 元素集合；
