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对象，就是这么简单   是不是迫不及待的要看下一篇呢