jquery学习笔记（1） selectors

yiyu

本文是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]