收藏
批改狀態(tài)：合格
老師批語：
jquery的第一種引入方式：使用cdn在線引用
網(wǎng)絡(luò)上的在線的一個jQuery類庫（百度靜態(tài)資源庫：cdn.code.baidu.com）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery的二種引入方式</title>
<!--<!–jquery的第一種引入方式：使用cdn在線引用 網(wǎng)絡(luò)上的在線的一個jQuery類庫（百度靜態(tài)資源庫：cdn.code.baidu.com）–>-->
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
// window.onload:在頁面元素全部加載完后自動調(diào)用的事件 ===$(document).ready(function(){})
// $(document).ready(function(){})的簡寫 $(function () {})
$(function () {
$('h2').css('background','yellow')
})
</script>
</head>
<body>
<h2>jQuery的第一種引入方式(使用cdn在線引用)</h2>
</body>
</html>點擊 "運行實例" 按鈕查看在線實例
jquery的第二種引入方式：本地引用
在jquery官網(wǎng)下載(jquery.com)jquery文件到本地，復(fù)制到網(wǎng)站根目錄，再用script標(biāo)簽引用即可
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery的二種引入方式</title>
<!--jquery的第二種引入方式：本地引用 在jquery官網(wǎng)下載jquery文件到本地，復(fù)制到網(wǎng)站根目錄，再用script標(biāo)簽引用即可-->
<script src="../jquery/jquery-3.2.1.min.js"></script>
<script>
$(function () {
$('h2').css('background','green')
})
</script>
</head>
<body>
<h2>jQuery的第二種引入方式(本地引用)</h2>
</body>
</html>點擊 "運行實例" 按鈕查看在線實例
總結(jié)：
如何使用css的語法來選擇元素？
jquery基本語法：$('選擇器').css('屬性','值')
jQuery是什么？
就是一個javascript的類庫，函數(shù)庫
我們?yōu)槭裁匆獙W(xué)jQuery?
a:各個瀏覽器之間的兼容性
b:jquery:寫的更少，做的更多
c:為看懂其它程序猿的代碼，也必須掌握它
jquery 的編程思想：查詢+操作，內(nèi)置循環(huán)，迭代
jquery基本語法：例：$('選擇器').方法（）
在jquery對象上不能直接調(diào)用DOM方法，jquery是一個DOM對象的數(shù)組
jQuery對象與DOM對象之間的轉(zhuǎn)換方法，舉例？
jQuery對象是包裝DOM對象后產(chǎn)生的，但是兩者卻不能混用，DOM對象才能使用DOM方法，jQuery對象才能使用jQuery方法
jQuery對象轉(zhuǎn)成DOM對象：
（1）jQuery對象實際上是一個數(shù)據(jù)對象，可以通過[index]方法獲得相應(yīng)的DOM對象。
如：var $v=$("#v"); //得到j(luò)Query對象
var v=$("v")[0];//轉(zhuǎn)換成DOM對象
（2）jQuery本身可以通過.get(index)方法得到相應(yīng)的DOM對象
如：var $v=$("#v"); //得到j(luò)Query對象
var v=$v.get(0);
DOM對象轉(zhuǎn)成jQuery對象：
對于已經(jīng)是一個DOM對象，只需要用$()將DOM對象包裝起來，就能獲得jQuery對象了
如：var v=document.getElementById("v"); //得到DOM對象
var $v=$(v); //轉(zhuǎn)成jQuery對象
轉(zhuǎn)換后，就可以任意使用jQuery的方法了
以下方法都正確：
$("#div").html();
$("#div")[0].innerTHML;
$("#div").eq(0)[0].innerHTML;
$("#div").get(0).innerHTML;
$(document.getElementById("div")).html()
平時在使用過程中可以在變量前面加$以區(qū)分DOM對象和jQuery對象，添加$的為jQuery對象，沒有的則為DOM對象
效果圖：
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號