jquery选择器
jQuery: 调用js数据(得到的是Object对象并不是dom对象,jquery对象与dom对象可以相互转换)
jquery[i]变为dom对象,$(dom)转换为jquery对象
选择器:
1> 基本选择器、层次选择器、过滤选择器.
1、基本选择器:
a> ID选择器:$("#myDiv")等同于 document.getElementById("myDiv");
b> 元素选择器:$("div")等同于 document.getElementsByTagName("div");
c> 类选择器: $(".myClass")取得含有myClass的css文件的愿元素.
d> 星号选择器: $("*")、$("body *")获得该标签下的所有元素.
e> 复合算择期: $("div,p.myClass, form *")把每一个选择器匹配到的对象合并后全部返回(如果是子父元素则只返回父元素).
2、层次选择器:
a> 后代选择器: $("form input") 返回form 表单下input元素及其子孙元素.
b> 子元素选择器: $("form > input") 返回form表单下所有input子元素.
c> 兄弟选择器: $("form ~ input") 返回form表单的兄弟input元素
d> 后续选择器: $("lable + input") 返回lable 元素后紧跟着的input元素
3、过滤选择器:
a> $("input : first") 返回input中的第一个元素
b> $("input : last") 返回input中的最后一个元素
c> $("input : even") 返回input数组中的第一个元素
d> $("input : odd") 返回input数组中的偶数项(从0开始)
e> $("input : eq(index)") 返回某一位置的元素
f> $("input : gt(index)") 匹配所有大于给定索引值的元素
g> $("input : lt(index)") 匹配所有小于给定索引值的元素
2> 属性选择器 :
a> div中包含id属性的元素: $("div[id]");
b> 属性值等于(不等于)某值: $("input[name = 'xxx']") $("input[name != 'xxx']")
c> 属性值以某值开始(结束) $("input[name ^= 'xxx']") $("input[name $= 'xxx']")
d> 属性值中包含某值: $("input[name *= 'xxx']")