cari

Rumah  >  Artikel  >  hujung hadapan web  >  jQuery menggunakan kaedah after() untuk menambah berbilang kandungan selepas element_jquery

jQuery menggunakan kaedah after() untuk menambah berbilang kandungan selepas element_jquery

WBOY
WBOYasal
2016-05-16 16:07:171305semak imbas

Contoh dalam artikel ini menerangkan cara jQuery menggunakan kaedah after() untuk menambah berbilang kandungan selepas elemen. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

jQuery boleh menambah berbilang kandungan selepas elemen melalui kaedah after() after() boleh mengambil berbilang parameter dan menambah berbilang kandungan selepas elemen yang ditentukan

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
function afterText()
{
var txt1="<b>I </b>"; // Create element with HTML
var txt2=$("<i></i>").text("love "); // Create with jQuery
var txt3=document.createElement("big"); // Create with DOM
txt3.innerHTML="jQuery!";
$("img").after(txt1,txt2,txt3); // Insert new elements after img
}
</script>
</head>
<body>
<img src="/images/w3jquery.gif" alt="jQuery" width="100" height="140">
<br><br>
<button onclick="afterText()">Insert after</button>
</body>
</html>

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Pelaksanaan JavaScript tulen bagi menambah dan mengalih keluar pembungkusan acara yang serasi dengan pelbagai kemahiran browsers_javascriptArtikel seterusnya：Pelaksanaan JavaScript tulen bagi menambah dan mengalih keluar pembungkusan acara yang serasi dengan pelbagai kemahiran browsers_javascript

Artikel berkaitan

Lihat lagi