Bolehkah saya menambah tag pada div menggunakan jquery?-Soal Jawab bahagian hadapan-php.cn

Bolehkah saya menambah tag pada div menggunakan jquery?

青灯夜游

Lepaskan： 2023-01-28 16:34:33

asal

2113 orang telah melayarinya

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>

Salin selepas log masuk

2. kaedah tambahkan

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

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

    })
</script>

Salin selepas log masuk

3. addTo method

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

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

Salin selepas log masuk

4. prependTo method

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

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

Salin selepas log masuk

[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!