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() 返回上一层