JQuery基础教程-学习笔记整理(1)

.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 元素集合;
Leave a comment

1 Comments.

  1. 最后一个很强大的,可以扩展. :evil:

Leave a Reply


[ Ctrl + Enter ]