jquery div能添加元素吗-tutorial js-php.cn

jquery div能添加元素吗

藏色散人

Lepaskan： 2020-12-16 10:39:14

asal

1972 orang telah melayarinya

jquery div能添加元素，其添加方法：1、通过append方法在被选元素的结尾插入内容；2、通过prepend方法在被选元素的开头插入内容。

jquery div能添加元素吗

本教程操作环境：windows7系统、jquery1.10.0版，该方法适用于所有品牌电脑。

推荐：《jquery视频教程》

通过 jQuery，可以很容易地添加新元素/内容。

方法：

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

示例1：使用append()

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#btn").click(function(){
$("div").append(" <b>插入文本</b>.");
});
});
</script>
</head>
<body>
<div>这是一个div文本。</div>
<div>这是另一个div文本</div><br>
<button id="btn">插入文本</button>
</body>
</html>

Salin selepas log masuk

效果图：

示例2：prepend() 方法

<script>
$(document).ready(function(){
$("#btn").click(function(){
$("div").prepend("<b>在开头追加文本</b>。 ");
});
});
</script>

Salin selepas log masuk

效果图：

Atas ialah kandungan terperinci jquery div能添加元素吗. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

jquery div能添加元素吗