首页 > 代码库 > 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