jQuery的insertBefore()方法如何使用？-創(chuàng)新互聯(lián)

今天小編給大家分享的是jQuery的insertBefore()方法如何使用，相信很多人都不太了解，為了讓大家更加了解insertBefore()方法，所以給大家總結(jié)了以下內(nèi)容，一起往下看吧。一定會(huì)有所收獲的哦。

創(chuàng)新互聯(lián)長期為近1000家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為定海企業(yè)提供專業(yè)的網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站，定海網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

jQuery的insertBefore()方法

insertBefore()方法將在每次出現(xiàn)指定元素之前插入HTML內(nèi)容。

基本句式：

$(content).insertBefore(target)

說明：

content：表示需要在指定目標(biāo)之前插入的HTML內(nèi)容。

target：表示指定目標(biāo)。

insertBefore()方法的使用示例

示例1：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="jquery.min.js"></script>
<script>
$(document).ready(function() {
$(".demo").click(function() {
// insertBefore 
$("<div>在創(chuàng)新互聯(lián)建站中學(xué)習(xí)！</div>").insertBefore("p");
});
});
</script>
</head>
<body>
<div class="box">
<p>學(xué)習(xí)jQuery</p>
<div class="demo">單擊此處</div>
</div>
</body>
</html>

效果圖：

jQuery的insertBefore()方法如何使用？

說明：

當(dāng) DOM（文檔對(duì)象模型）已經(jīng)加載，并且頁面（包括圖像）已經(jīng)完全呈現(xiàn)時(shí)，會(huì)發(fā)生 ready 事件。而，ready() 函數(shù)指定當(dāng) ready 事件發(fā)生時(shí)需要執(zhí)行的代碼。

$(".demo").click(）：表示當(dāng).demo元素發(fā)生點(diǎn)擊事件時(shí)需要執(zhí)行的代碼。

示例2：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="jquery.min.js"></script>
<script>
$(document).ready(function() {
$(".demo").click(function() {
// insertBefore 
$("<div>在創(chuàng)新互聯(lián)建站中學(xué)習(xí)！</div>").insertBefore("p");
});
});
</script>
</head>
<body>
<div class="box">
<p>學(xué)習(xí)jQuery</p>
<p>學(xué)習(xí)php</p>
<div class="demo">單擊此處</div>
</div>
</body>
</html>

效果圖：

jQuery的insertBefore()方法如何使用？

關(guān)于jQuery的insertBefore()方法如何使用就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的參考價(jià)值，可以學(xué)以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。

網(wǎng)頁名稱：jQuery的insertBefore()方法如何使用？-創(chuàng)新互聯(lián)
URL網(wǎng)址：http://bm7419.com/article6/cedeig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、軟件開發(fā)、ChatGPT、品牌網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

jQuery的insertBefore()方法如何使用？-創(chuàng)新互聯(lián)

jQuery的insertBefore()方法如何使用？-創(chuàng)新互聯(lián)