论坛首页 Web前端技术论坛

jquery学习笔记(1) selectors

浏览 2915 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (4) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-02-03   最后修改:2009-02-04
本文是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]
   发表时间:2009-02-05  
从1.3开始, jQuery用[attr]代替了[@attr]
0 请登录后投票
   发表时间:2009-03-18   最后修改:2009-03-18
看文档说这个是jquery的核心功能,可是感觉不怎么顺手呢?

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

看来还时刻认识到,返回的是Array(Object)
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics