Menambahkan Elemen menggunakan Jquery

kode dibawah ini berfungsi untuk menambahkan elemen “di udinkepsuk.com” dibelakang tag

setelah kata “Selamat Datang” dengan fungsi append dan trigernya (pemicu) click button.

Pada kode dibawah terlihat tanda (#), artinya kita menyeleksi elemen berdasarkan id, sedangkan tanda titik (.), artinya kita menyeleksi elemen berdasarkan class. Jika tidak ada tanda (.) atau (#), artinya kita menyeleksi elemen berdasarkan tag html.

<html lang="id">
<head>
            <meta charset="utf-8"/>
            <title>Menambahkan Elemen</title>
            <script src="assets/jquery-3.1.1.js"></script>
</head>
<body>
            <h1>Selamat Datang </h1>
            <button type="button" id="btn1">Tampilkan</button>
           
        <script>
                    $('#btn1').click(function(){
                             $('h1').append("di udinkepsuk.com");
                    });
        </script>
</body>
</html>

<head>

<title>Menambahkan Elemen</title>

</head>

<body>

<h1>Selamat Datang </h1>

<button type="button" id="btn1">Tampilkan</button>

$('#btn1').click(function(){

$('h1').append("di udinkepsuk.com");

});

</script>

</body>

</html>

Dibaca: 1,955

setelah kata “Selamat Datang” dengan fungsi append dan trigernya (pemicu) click button.

Baca Juga

Rekomendasi untuk kamu