1.js例子
2.jQuery
- 導(dǎo)入jQuery
<!--兩種方法-->
<!--導(dǎo)入本地jQuery文件-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!--做項(xiàng)目時(shí)使用這種-->
<!--<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>-->
- 什么是jQuery
jQuery本質(zhì)就是js快骗,它是為了能夠更方便的使用js而封裝的一個(gè)庫。
如果想要使用jQuery必須先導(dǎo)入jQuery的js文件
js可以將任何內(nèi)容轉(zhuǎn)換js對象,例如:document、節(jié)點(diǎn)、事件對象
在jQuery中() ->創(chuàng)建jQuery對象的語法
document -> js對象; $(document) -> jQuery對象
- ready方法 - 等待網(wǎng)頁中內(nèi)容加載完成
和onload功能一樣
<script type="text/javascript">
/*
$(document).ready(function(){
頁面加載完成后才會(huì)執(zhí)行的代碼
})
簡寫:
$(function(){
頁面加載完成后才會(huì)執(zhí)行的代碼
})
*/
$(document).ready(function(){
pNode = document.getElementById('p1')
console.log(pNode)
})
$(function(){
pNode = document.getElementById('p1')
console.log(pNode)
})
</script>
- DOM操作
1)獲取節(jié)點(diǎn)
語法: $(選擇器)
說明: 選擇器 - 和CSS中的選擇器一樣
a.普通選擇器: 和css一樣的
b.其他特殊情況
選擇器1>選擇器2 - 選中選擇器中的選擇器2對應(yīng)的直系子標(biāo)簽
選擇器1+選擇器2 - 選中緊跟著選擇器1的選擇器2(選擇器1和選擇器2對應(yīng)的標(biāo)簽必須是兄弟關(guān)系)
選擇器~選擇器2 - 選中離選擇器1最近的選擇器2(選擇器1和選擇器2對應(yīng)的標(biāo)簽必須是兄弟關(guān)系)
選擇器:first - 第一個(gè)選擇器
選擇器:last - 最后一個(gè)選擇器
選擇器 *:first-child - 選中選擇器中第一個(gè)子標(biāo)簽
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者