jQuery 查找元素

1、DOM对象和jQuery对象转换：

2、选择器

 

 

1、DOM对象和jQuery对象转换：

 

jQuery对象[0]  就是转换成了：DOM对象

 

DOM对象  用$(DOM对象)，就转换成了jQuery对象

 

2、选择器

1> id选择器

              $('#id')

2> class选择器

              <div class='c1'></div>

              $(".c1")

3> 标签选择器

              <div id='i10' class='c1'>

                  <a>f</a>

                  <a>f</a>

              </div>

              <div class='c1'>

                  <a>f</a>

              </div>

              <div class='c1'>

                  <div class='c2'> </div>

              </div>

             

              通过：$('a')找到所有的a标签

4> 组合标签选择器

              <div id='i10' class='c1'>

                  <a>f</a>

                  <a>f</a>

              </div>

              <div class='c1'>

                  <a>f</a>

              </div>

              <div class='c1'>

                  <div class='c2'> </div>

              </div>

             

       通过：$('a')

       通过：$('.c2')

       通过：$('a,.c2,#i10')

 

5> 层级选择器

    $('#i10  a') 子子孙孙

    $('#i10 > a') 儿子

             

6> 基本筛选器

    :first  获取匹配的第一个元素，可以和上面组合使用，实例：$('#i10 > a':first)

    :last  获取匹配的最后一个元素，可以和上面组合使用，实例：$('#i10 > a':first)

    :eq()  匹配一个给定索引值的元素，可以和上面组合使用，索引值是从0开始的。             实例：$('#i10 > a':eq(0))

7> 属性选择器

           $('[alex]')       具有alex属性的所有标签

           $('[alex="123"]') alex属性等于123的标签

             

          

              <input type='text'/>

              <input type='text'/>

              <input type='file'/>

              <input type='password'/>

             

           $("input[type='text']")

           $(':text')

 

8>筛选选择器

 

             

    $('#i1').next()                  #下一个

    $('#i1').nextAll()              #下面所有的

    $('#i1').nextUntil('#ii1')      #下面所有的，直到“#iil”截止

             

           <div>

              <a>asdf</a>

              <a>asdf</a>

              <a id='i1'>asdf</a>

              <a>asdf</a>

              <a id='ii1'>asdf</a>

              <a>asdf</a>

           </div>

             

    $('#i1').prev()                 #上一个

    $('#i1').prevAll()              #上面所有的

    $('#i1').prevUntil('#ii1')      #上面所有的，直到“#iil”截止

             

             

    $('#i1').parent()           #父

    $('#i1').parents()              #所有的父标签

    $('#i1').parentsUntil()         #所有的父标签，直到“”截止

             

    $('#i1').children()             #所有孩子

    $('#i1').siblings()             #所有兄弟

    $('#i1').find()                 #子子孙孙中查找

    $('li:eq(1)')               #

    $('li').eq(1)               #

    first()                         #

    last()                      #

    hasClass(class)                 #是否有此标签