利用jq的append()追加函數(shù)即可實(shí)現(xiàn),如:

成都創(chuàng)新互聯(lián)專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、峨眉山網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5建站、電子商務(wù)商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為峨眉山等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
html:
div?class="main"
input?type="button"?value="添加"?class="btn"?/
/div
JQ:
$(document).ready(function(){
$(".btn").click(function(){
var?html?=?'div?style="width:200px;?height:30px;?border:1px?dashed?red;?margin-bottom:20px;"/div';
$(".main").append(html);
});
});
!DOCTYPE?html
html
head
script?src=""
/script
script
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("demo_test.txt");
});
});
/script
/head
body
div?id="div1"h2Let?jQuery?AJAX?Change?This?Text/h2/div
buttonGet?External?Content/button
/body
/html
你看看是不是你想要的
需要準(zhǔn)備的材料分別有:電腦、html編輯器、chrome瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script標(biāo)簽,輸入jquery代碼:
$('div').load(function () {$('body').append('div has load');});
3、瀏覽器運(yùn)行index.html頁面,此時(shí)頁面中div加載完會(huì)調(diào)用事件輸出“div has load”。
使用jquery中的load事件。
load事件可以載入遠(yuǎn)程 HTML 文件代碼并插入至 DOM 中。默認(rèn)使用 GET 方式 - 傳遞附加參數(shù)時(shí)自動(dòng)轉(zhuǎn)換為 POST 方式。
參數(shù)url,[data,[callback]]
url:待裝入 HTML 網(wǎng)頁網(wǎng)址。
data:發(fā)送至服務(wù)器的 key/value 數(shù)據(jù)。在jQuery 1.3中也可以接受一個(gè)字符串了。
callback:載入成功時(shí)回調(diào)函數(shù)。
例子$("#test").load("index.html");在元素test中載入index頁面
div
id="moon"/div
script
$(
"#moon"
).load(
"demo2.html",
function(
response,
status,
xhr
)
{
$('#moon').html(response);
});
只能加載本地文件,加載時(shí)把文件路徑寫正確
分享文章:jquery加載div,jquery加載事件
標(biāo)題鏈接:http://chinadenli.net/article39/dsesgsh.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)、云服務(wù)器、網(wǎng)站建設(shè)、企業(yè)建站、面包屑導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)