【读书笔记】【jQuery基础教程】【第二章--选择符】

1.jQuery使用时从$()开始，这里$为jQuery中的别名.


2.$(document).ready()位于其中的所有代码都会在DOM加载后立即执行


3.三种基本选择符:
选择符 CSSjQuery 说明
标签名 P$('p') 取得文档中所有段落
ID         #some-id$('#some-id') 取得文档中ID为some-id的一个元素
类 .some-class$('.some-class') 取得文档中类为some-class的所有元素


4.$('#selected-plays > li').addClass('horizontal') 元素组合符(>)此处意义为查找ID为selected-plays的元素的“直接”子元素中的所有li项


5.$('#selected-plays li:not(.red)').addClass('green') 选取id为selected-plays节点的“所有”不是.red类的子节点


6.$('img[alt]')选择带alt属性的所有图像元素


7.$('a[href^=mailto:]') 选取所有带href属性且以mailto开头的标签为a的元素


8.$('a[href$=.pdf]') 选取所有带href属性且以.pdf结尾的标签为a的元素


9.$('a[href*=henry]') 选取所有带href属性且其中包含henry的标签为a的元素


10.$('div,horizontal:eq(1)') 选取horizontal类的div集合的第二个项（从0开始计数）


11.$('tr').filter(':odd')等同$('tr:odd') 选取第偶数项元素


12.filter中可以添加筛选函数，如下：
$('a').filter(function(){
return this.hostname && this.hostname != location.hostname;
})


13.$('tr:contains{Henry}') 选取含有Henry文本的节点，大小写敏感


14. .next()方法只选择下一个最接近的同辈元素。
    .nextAll()方法选择之后所有同辈元素
    如果需要包含节点本身，增加.andSelf()方法
    .parent()---选择父亲节点
    .children()---选择一个节点的所有“直接”子节点


15. .get(index)方法可以获得查找结果集的第index个节点如：
$('#my-element').get(0)
    也可以写成类似数组形式，如：
$('#my-element')[0]