cari

Rumah  >  Artikel  >  hujung hadapan web  >  Bolehkah saya menambah tag pada div menggunakan jquery?

Bolehkah saya menambah tag pada div menggunakan jquery?

青灯夜游
青灯夜游asal
2023-01-28 16:34:332126semak imbas

Anda boleh menambah tag pada div menggunakan jquery. 4 kaedah: 1. Gunakan append() untuk memasukkan sub-tag pada akhir elemen div, sintaksnya ialah "$("div").append(element)" 2. Gunakan prepend() untuk memasukkan sub -teg pada permulaan elemen div, sintaks "$("div").prepend(elemen)" 3. Gunakan appendTo() untuk memasukkan subtag di hujung elemen div 4. Gunakan prependTo() untuk memasukkan subteg pada permulaan elemen div.

Bolehkah saya menambah tag pada div menggunakan jquery?

Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.6, komputer Dell G3.

Anda boleh menambah teg dalam div dengan jquery Terdapat 4 kaedah:

  • kaedah tambah(): Masukkan kandungan pada "hujung" di dalam elemen yang dipilih.

  • kaedah prepend(): Sisipkan kandungan pada "permulaan" di dalam elemen yang dipilih.

  • kaedah appendTo(): ​​Masukkan kandungan yang ditentukan di hujung elemen yang dipilih (tetapi masih di dalam elemen). Tetapi anda tidak boleh menggunakan fungsi untuk menambahkan kandungan. Kaedah

  • prependTo(): ​​Masukkan kandungan yang ditentukan pada permulaan elemen yang dipilih (tetapi masih di dalam elemen).

Bagaimana untuk menambah nod dengan jquery

Mari kita ambil contoh mudah ini untuk menggambarkan

1. tambah kaedah 

<body>
    <div>我是里面的div</div>
    <p>我是外面p</p>
</body>

<script>
    $(function(){
        $("div").append($("p"));//添加到元素内容的后面
    })
</script>

2. kaedah tambahkan 

<body>
    <div>我是里面的div</div>
    <p>我是外面p</p>
</body>

<script>
    $(function(){
        $("div").prepend($("p"));//添加到元素内容的前面

    })
</script>

3. addTo method 

<body>
    <div>我是里面的div</div>
    <p>我是外面p</p>
</body>

<script>
    $(function(){
        $("p").appendTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的后面面
    
    })
</script>

4. prependTo method 

<body>
    <div>我是里面的div</div>
    <p>我是外面p</p>
</body>

<script>
    $(function(){
       $("p").prependTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的前面
    
    })
</script>

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Bolehkah saya menambah tag pada div menggunakan jquery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery append
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：Perkara yang perlu dilakukan jika nod gm melaporkan ralatArtikel seterusnya：Perkara yang perlu dilakukan jika nod gm melaporkan ralat

Artikel berkaitan

Lihat lagi