jquery几种常见选择器

1.元素选择器:

jquery代码:

    $("a");

html代码:

     

     

结果:

       

2.id选择器

jquery代码:

    $("#a1");

html代码:

     

     

结果:

       

3.class选择器

jquery代码:

    $(".a2");

html代码:

     

     

结果:

       

4.属性选择器

jquery代码:

    $("a[id='a1']");

html代码:

     

   

     

结果:

       

5.组合选择器

jquery代码:

    $(".a2,#a3");

html代码:

     

     

     

结果:

     

     

6.包含选择器

jquery代码:

    $("p.p1");

html代码:

     

     

     

结果:

      

7.匹配选择器

jquery代码:

    $("li:eq(0)","ul.u1")

html代码:

 


       
  • 1

  •    
  • 2

  •    
  • 3

  •    
  • 4

  •  

结果:

 

  • 1
  •  

    你可能感兴趣的:(前端,jquery)