jQuery基础

使用：

　　$(document).ready(function(){});

　简化：

　　$().ready(function(){});

　再次简化： ⚝

　　$(function(){});

 

转换理念：

js⋙jq

　　jq=$(js/dom)

　　jq=$(div)　　jq=$("<li>列表</li>")

jq⋙js

　　[0]   js=jq[0]

　　js=$(div)[0]

 

　　　var div=document.querySelector(".div");

　　　　div.onclivk=function(){}

　　　　　　　▼

　　　var $div=$(".div");

　　　　$div.click(function(){})

过滤器

　　前面没有元素的时候等同于是对于所有元素　 $(":first")  ===>$("*:first")

 

　　has()　含有选择器所匹配元素的

            $("li:has(.span)").css("color","gray");

 <ul>
    <li>列表1</li>
    <li>列表2 <span>span</span> </li>
</ul>

 

 

       contains()　包含给定文本的

            $("li:contains(123)").css("color","red");

<ul>
    <li>列表1</li>
    <li>列表2 123</li>
</ul>