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]

评论

2 楼 hanjs 2009-03-18  

看文档说这个是jquery的核心功能,可是感觉不怎么顺手呢?

$("#mytest")按理说应该返回一个,不用在[0]来处理了吧.可是还得这样处理.
开始用的时候有点朦了.

看来还时刻认识到,返回的是Array(Object)

1 楼 白发红颜 2009-02-05  

从1.3开始, jQuery用[attr]代替了[@attr]