<script>
        // 采用等于号赋值的方式,缺点:只加载最后一个
        window.onload = function(){
            console.log(0)
        }

 

        $(document).ready(function(){ })
可简写为
        $().ready(function(){ })
再简写为
        $(function(){})

 

         alert();
       全称为:window.alert()
       function a(){  }
       console.log(window)
       
 js=>jq   将js转换为jq
        $() 工厂函数  jq= $(js/dom);
 将dom文本包装成jq
 
        jq=$(div)
        jq=$("<li>列表</li>")

 

jq => js  将js转换为jq
        [0]
        js = jq[0]
        js = $div[0]        $div[0]为jq对象

 

        $(function(){
            var div = document.querySelector(".div") 原生js

 

            var $div = $("div") 把原生js调用成jq方法
            var $div = $(".div")
            var $div = $("*:last") 过滤器可以单独使用,前面加一个*表示加载前面的所有

基本筛选器:

            // :eq 等于
            // :gt 大于
            // :lt 小于

实例:

            // $("li:eq(2)").css("color","red")
            // $("li:gt(2)").css("color","green")
            // $("li:lt(2)").css("color","blue")
            // $("li:parent").css("color","red")
  has 来验证是否包含子元素
            // $("li:has(.span)").css("color","red") 选择器
            $("li:contains(span)").css("color","red")
        })
    </script>
</head>
<body>
    <div class="div"></div>
    <ul>
        <li >列表1</li>
        <li >列表2</li>
        <li >列表3<span class="span">span</span></li>
        <li >列表4</li>
        <li >列表5</li>
        <li></li>
    </ul>
</body>

 

posted on 2021-11-08 20:31  于凡芮  阅读(42)  评论(0)    收藏  举报