jQuery基本选择器

来源:互联网 发布:亚马逊云计算培训 编辑:程序博客网 时间:2024/05/19 14:17

1 id选择器

   例子:<input type="button" value="选择 id为 one 的元素." id="btn1"/>

   $("#btn1").click(function(){
            $("#one").css("background-color","yellow");
        });


 2 类选择器

   例子:<input type="button" value="选择 class 为 mini 的所有元素." id="btn2"/>

   $("#btn2").click(function(){
            $(".mini").css("background-color","green");
        });


3 标签选择器

   例子:<input type="button" value="选择 元素名是 div 的所有元素." id="btn3"/>

  $("#btn3").click(function(){
           $("div").css("background-color","blue");
        });


4选择所有元素

 例子:<input type="button" value="选择 所有的元素." id="btn4"/>

 $("#btn4").click(function(){
           $("*").css("background-color","red");
        });


5多个选择器一起使用,采用逗号隔开

例子:<input type="button" value="选择 所有的span元素和id为two的元素." id="btn5"/>

$("#btn5").click(function(){
            $("span,#two").css("background-color","yellow");
        });


 

原创粉丝点击