首页 > 代码库 > JQ 选择器篇1
JQ 选择器篇1
基本选择器
1)id # 选择器
找到 id 相对应的元素
eg: $(“#container”) 找到id 为container的元素的集合
2). class 类选择器
找到 class 包含 此类的元素
eg $(“.content”) 找到只要class里面包含content类的的元素的集合
3)元素选择器
顾名思义可以找到 相对应的元素
eg:$(“img”) 找到所有的img 元素
4) * 选择器 (任意元素选择器 )
可以找到任意元素
eg: $(“*”) 找到的是整个html 的每一个元素 (显然这样是没有任何意思,来一个有意义的)
$(“form *”).change(function()) 这样可以监测表单里面的所有的素的的change事件
当然选择器也可以组合,那就使用逗号吧
5)组合选择器, (用逗号将各种选择器隔开,最终查出来的是所有的集合)、
eg: $(“img,.phone”) 找出img 元素和类中包含phone 的所有元素
小结
有木有注意到。我这里说的不是元素的集合,就是所有的元素,
聪明的你肯定已经想到下面我要说什么了。。。对没错
我要说的就是
jq选择器查出的来的东西都是一个一个dom 对象的的数组、(贴下码看看累)
看到没有不管你是能查到几个,都能查出来的都是dom对象的数组
哈哈我们都不叫他dom对象的数组, 我们都叫他jq 对象。 是不是知道了怎么将jq对象转换为dom对象
下面我就讲讲jq 对象怎么转换成dom对象(因为有时候确实需要转换我dom对象)
Jq 对象就是用jq 选择器得到的对象
Dom 对象呢,就是标记本身, 一般可以用document.getElementId(“”)获取到
既然是数组,转换为dom对象就简单
a.直接用取数组里面的一个元素即可
B.jq里面也封装了一个get方法,和数组的取下标一样 ps: 只有dom数组才能用这个方法
有的小伙伴可能会问,那么dom对象怎么转换为jq对象呢。。。只想说,小伙子这个问题问的好
Function save(data){
Var jqObj=$(data)
Var txt=jqObj.val();
}
看到没有直接使用 $(dom) 即可转换为jq对象,就是这么简单 是不是迫不及待的要看下一篇呢
JQ 选择器篇1