JQuery-选择器

Posted 2020-10-11 勇往直前

一、层次选择器 

<script type="text/javascript">
        $(function(){
         //祖先 后代(可以跨代)
        //$("div span").attr("class","txt");
        //$("div").find("span").attr("class","txt");
       
        //父辈>子辈(不能跨代)
        //$("div>span").attr("class","txt");
        //$("div").children("span").attr("class","txt");
       
        //元素+相邻元素(大兄弟:单个相邻同级元素)
        //$("div+span").attr("class","txt");
        //$("div").next("span").attr("class","txt");

        //元素~兄弟元素(所有兄弟:所有指定的同级元素)
        //$("div~span").attr("class","txt");//
        //$("div").nextAll("span").attr("class","txt");
      })
      </script>

    二、ID选择器
      <script type="text/javascript">
        $(function(){
            //$(showMsg).attr("class","txt");
            //$("#showMsg").attr("class","txt");
           })
      </script>

  三、元素和样式选择器
    <script type="text/javascript">
        $(function(){       
            $(".divClass").attr("class","txt");//divClass:class名称
            $("div").attr("class","txt");//div:元素名称
 
            $("div,p").attr("class","txt");//div,p:元素名称

</script>