jQuery的HTML()與Load()的區(qū)別

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 20:17:28

jQuery的HTML()與Load()的區(qū)別

jQuery的HTML()與Load()的區(qū)別:jQuery的HTML()與Load()的作用很相似，都是可以改變HTML的內(nèi)容，當(dāng)然也有一些明顯的區(qū)別。jQuery HTML 操作詳解：jQuery 包含很多供改變和操作 HTML 的強(qiáng)大函數(shù)。其中HTML()方法改變 HTML 內(nèi)容語(yǔ)法$(selector).html(content)類似h

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀jQuery的HTML()與Load()的區(qū)別:jQuery的HTML()與Load()的作用很相似，都是可以改變HTML的內(nèi)容，當(dāng)然也有一些明顯的區(qū)別。jQuery HTML 操作詳解：jQuery 包含很多供改變和操作 HTML 的強(qiáng)大函數(shù)。其中HTML()方法改變 HTML 內(nèi)容語(yǔ)法$(selector).html(content)類似h

jQuery的HTML()與Load()的作用很相似，都是可以改變HTML的內(nèi)容，當(dāng)然也有一些明顯的區(qū)別。

jQuery HTML 操作詳解：

jQuery 包含很多供改變和操作 HTML 的強(qiáng)大函數(shù)。

其中HTML()方法改變 HTML 內(nèi)容

語(yǔ)法

$(selector).html(content)

類似html() 函數(shù)改變所匹配的 HTML 元素的內(nèi)容（innerHTML）。

實(shí)例

$("p").html("html content");

jQuery Load 操作詳解：

定義和用法

load() 方法載入遠(yuǎn)程 HTML 文件代碼并插入至 DOM 中。

Jquery 的Load()方法它跟html()的區(qū)別在于，它是載入遠(yuǎn)程HTML文件后，還能執(zhí)行其中的Javascrpt腳本。

默認(rèn)使用 GET 方式 - 傳遞附加參數(shù)時(shí)自動(dòng)轉(zhuǎn)換為 POST 方式。

jQuery 1.2 中，可以指定選擇符，來(lái)篩選載入的 HTML 文檔，DOM 中將僅插入篩選出的 HTML 代碼。語(yǔ)法形如 "url #some > selector"。

請(qǐng)查看下面的示例。

語(yǔ)法

load(url,[data],[callback])

參數(shù)	描述
url	待載入的 HTML 網(wǎng)頁(yè)網(wǎng)址。
data	發(fā)送至服務(wù)器的 key/value 數(shù)據(jù)。在 jQuery 1.3 中也可以接受一個(gè)字符串了。
callback	載入成功時(shí)執(zhí)行的回調(diào)函數(shù)。

例子 1

與上面的實(shí)例類似，但是以 POST 形式發(fā)送附加參數(shù)并在成功時(shí)顯示信息：

$("#feeds").load("feeds.php", {limit: 25}, function(){
 alert("The last 25 entries in the feed have been loaded");
});

例子 2

加載文章側(cè)邊欄導(dǎo)航部分至一個(gè)無(wú)序列表：

HTML 代碼：

<b>jQuery Links:</b>
<ul id="links"></ul>

jQuery 代碼：

$("#links").load("/Main_Page #p-Getting-Started li");

例子3

1）主頁(yè)面
<html>
<head>
<title></title>
<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
 $(document).ready(function() {
 $("#target").load("target.html", function() {

 });
 });
</script>
</head>
<body>
<p id="target"></p>
</body>
</html>
2） 子頁(yè)面
<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
 alert("hello world!I am target");
</script>
above is script