1.jQuery使用时从$()开始,这里$为jQuery中的别名.
2.$(document).ready()位于其中的所有代码都会在DOM加载后立即执行
3.三种基本选择符:
选择符 CSS jQuery 说明
标签名 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]
2.$(document).ready()位于其中的所有代码都会在DOM加载后立即执行
3.三种基本选择符:
选择符 CSS jQuery 说明
标签名 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]