JQuery基础

工厂函数$()

标签名：$('p') 取得文档中所有P标签的段落；
ID：$('#some-id')取得文档中对应id=some_id的元素；
类：$('.some-class')取得文档中对应class=some-class的元素。

CSS选择符

$(document).ready(function(){$('#some-id > li').addClass('some-class');});
为文档中id=some-id元素的子元素(>)中所有的li列表项添加class='some-class'的属性；

$(document).ready(function(){$('#some-id li:not(.some-class)').addClass('some-other-class');});
为文档中id=some-id元素下所有后代元素中class!=some-class的li标签添加class='some-other-class'属性；

XPath选择符

$('a[@title]')选择所有带title属性的链接；
$('div[ol]')取得包含一个ol元素的所有div元素；
$('a[@href^="mailto:"]').addClass('1class');为以mailto:开头的链接添加1class属性；
$('a[@href$=".pdf"]').addClass('2class');为以.pdf结尾的链接添加2class属性；
$('a[@href*="mysite.com"]').addClass('3class');为包含mysite.com的链接添加3class属性

JQuery自定义选择符

:odd        $('tr:odd')               tr奇数行
:even       $('tr:even')              tr偶数行
:contains   $('td:contains("some")')  td中包含some字符的元素

DOM遍历方法

$('td:contains("f")')         // 取得包含"f"的所有单元格
.parent()                     // 取得它的父元素
.find('td:eq(1)')             // 在父元素中查找第2个单元格
.addClass('class1')           // 为单元格添加class1属性
.end()                        // 恢复到包含"f"的单元格父元素
.find('td:eq(2)')             // 在父元素中查找第3个单元格
.addClass('class2')           // 添加class2属性