买了《Jqeruy权威指南》很久,也粗略地过了一遍,现在需要用到相关的技术,所以重新理一遍。
整理一下自己的对jquery选择器的知识点。
详细博文请见我的博客地址:http://www.hanluner.com/201111/77.html 没有船的海贼
jquery选择器主要有几种方式:#id (根据给定的ID匹配元素),.class(根据给定的类匹配元素),element(根据给定的元素名匹配所有的元素),* (匹配所有的元素),selector1,selectorN (将每一个选择器匹配到的元素合并后一起返回)
简单的一个小功能:
隔行变色
$(function(){
$("#table_id tr:nth-child(even)").addClass("cssClass");
})
页面输出文字:
$(function(){
$("#id").html("这里是文字");
})
简单过滤选择器
- first()或 :first 获取第一个元素
- last() 或 :last 获取最后一个元素
- :not(selector) 获取除给定选择器外的所有元素
- :even 获取索引值为偶数的元素,索引值从零开始。
dd 获取索引值为奇数的元素,索引值从零开始。
- :eq(index) 获取索引值为index值的元素,索引值从零开始。
- :gt(index) 获取所有索引值大于index值的元素,索引值从零开始。
- :lt(index) 获取所有索引值小于index值的元素,索引值从零开始。
- :header 获取所有标题类型的元素,如h1 , h2 ……. (这点功能是我没有想到的)
- :animated 获取正在执行动画效果的元素。
- :contains(text) 获取包含给定文本的元素
- :empty 获取空元素
- :has(selector) 获取含有给定选择器的所匹配的元素
- :parent 获取含有子元素或者文本的元素 (这点有些不理解)
- :hidden 获取所有不可见元素,或者type为hidden的元素
- :visible 获取所有的可见元素