jquery学习笔记（1） selectors

本文是Learning JQuery的学习笔记

1. $()
$('p') 所有的<p>
$('#some-id') id是some-id的元素
$('.some-class') class是some-class的所有元素

2. CSS selectort
$('#some-id > li') id是some-id的元素的所有子<li>元素
$('#some-id li:not(.some-class)') id是some-id的元素的所有class不是some-class的子元素

3. XPath selector
$('a[@title]') <a>的title属性
$('div[ol]') 所有具有<ol>元素的<div>
$('a[@href^="mailto:"]') 所有属性href以”mailto:"开头的<a>
$('a[@href$=".pdf"]') 所有属性href以”.pdf"结尾的<a>
$('a[@href*="mysite.com"]') 所有属性href包含”mysite.com"的<a>

4. Custom selector
$('div.horizontal:eq(1)') 第二个类为horizontal的<div>
$('tr:odd') 奇数行
$('tr:even') 偶数行
$('td:contains("Henry")') 包含"Henry"的<td>

5. DOM Traversal Methods
$('tr').filter(':odd') 奇数行
$('tr:not([th]):even')
$('th').parent()
$('td:contains("Henry")').next()
$('td:contains("Henry")').parent().find('td').not(':contains("Henry")') )

6. Accessing DOM Elements
$('#my-element').get(0)
$('#my-element')[0]