1,jQuery分版本:老版本支持老IE瀏覽器
2
壓縮過(guò)的:沒(méi)有注釋探孝,代碼不易讀,后綴 .min.js
沒(méi)壓縮過(guò)的:有注釋誉裆,可以用來(lái)學(xué)習(xí)源碼顿颅,
3,測(cè)試jq有沒(méi)有加載成功
4足丢,jq對(duì)象有自己的屬性和方法粱腻,jq對(duì)象不能使用js的dom的原生屬性和方法,使用jq就都有jq的選擇器斩跌,及選擇器的屬性和方法绍些,使用Js就都使用js的選擇器和方法
5,
6耀鸦,
把原生DOM對(duì)象轉(zhuǎn)換成jq對(duì)象
原因:原生js選擇器獲取的id(或class等)不能使用jq的屬性和方法柬批,所以需要轉(zhuǎn)換成jq的選擇器
轉(zhuǎn)換方法:用$()把原生JS選擇器包裹起來(lái),DOM對(duì)象加一個(gè)$符號(hào)就可以變成jq對(duì)象了
把jq對(duì)象轉(zhuǎn)換成原生DOM對(duì)象
JQ選擇器對(duì)象里面的第0個(gè)屬性就是原生DOM對(duì)象
所以可以這樣獲取到當(dāng)前jq對(duì)象的原生DOM對(duì)象
7袖订,獲取innertext包含指定內(nèi)容的節(jié)點(diǎn)
<body>
<div>
<ul class="lists">
<li>a-1</li>
<li>a-1</li>
<li>a-2</li>
<li>a-3</li>
<li>a-x</li>
<li>b-0</li>
</ul>
</div>
<script type="text/javascript" src="js/jquery-3.2.0.min.js" ></script>
<script>
var $lists=$(".lists li")
var $c=$lists.filter(function(){
var this_html=$(this).html();
if(this_html.indexOf("a-")>-1){
return true
}
})
console.log($c);
</script>
</body>
//給選出的Li添加一個(gè)aaa class類
$c.addClass("aaa")
8氮帐,jq選擇出來(lái)的對(duì)象是一個(gè)對(duì)象
如果jq選擇一個(gè)不存在的對(duì)象,返回值為空對(duì)象「{ }」
為什么會(huì)輸出存在洛姑?
因?yàn)榭諏?duì)象表示true
所以要判斷一個(gè)jq對(duì)象是否存在上沐,需要判斷這個(gè)對(duì)象的長(zhǎng)度是否為0