jQuery基本选择器

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");
        });


猜你喜欢

转载自blog.csdn.net/zyilove34/article/details/75073079
今日推荐