JQuery基础教程 学习笔记(一)

$('#selected-plays > li') : 选取id为selected-plays的所有li子元素(>) ; >是子元素的意思

$('#selected-plays li:not(.horizontal)').addClass('sub-level'):选取id为selected-plays没有horizontal类的所有后代li元素

$('a[@title]') : 选择所有带title属性的链接

$('div[ol]'):  取得包含一个ol的所有div属性

   注意:方括号左边的才是选择的目标对象,方括号里的筛选的条件

$('a[href^=mailto:]').addClass('mailto');  选择href属性以mailto为开头的a
$('a[href$=.pdf]').addClass('pdflink');      选择href属性以.pdf为结尾的a
$('a[href*=henry][href!=mailto:henryiv@king.co.uk]').addClass('henrylink');选择href含有henry且不等于mailto:henryiv@king.co.uk的a

$('div.horizontal:eq(1)'): 选取带有horizontal类的div集合中的第二个

   注意:Javascript数组是从0开始的

$('tr:odd').addClass('odd');选取奇数行
$('tr:even').addClass('even');选取偶数行

   注意:适用于页面只有单表格,多表格另有方法

$('td:contains("Henry")').addClass('highlight');选取带有Henry字符串的所有td

$('th').parent().addClass('table-heading');  选取th的父母(tr):  标题行

$('tr:not([th]):even').addClass('even');    选取不含有th的tr的偶数:$('tr:not([th]):even')和tr:even:not([th])不一样,有先后顺序
$('tr:not([th]):odd').addClass('odd');    

$('td:contains("Henry")').next().addClass('highlight');选取带有Henry字符串的td的下一个td

$('td:contains("Henry")').siblings().addClass('highlight');选取带有Henry字符串的所有td的其他同辈td

$('td:contains("Henry")').parent().find('td:gt(0)').addClass('highlight');选取带有Henry的单元格,取得他得父元素,然后找到该元素所有编号大于0的单元格

$('td:contains("Henry")').parent().find('td').not(':contains("Henry")').addClass('highlight'); 书上在("Henry")')后多了个括号.....调了n久

    .end() 返回上一层

posted @ 2012-04-01 20:45    阅读(335)  评论(0编辑  收藏  举报