Bermain dengan Selector "$this" dan Method "append/remove" pada jQuery

Submitted by Author Site on Friday, 17 May 2019 - 09:09

1. Apakah Selector "this" Itu ?

Selector this berguna untuk menyeleksi elemen HTML yang sedang aktif saat ini dalam sebuah web. Contoh:

 

$(document).ready(function() {

$("h1").click( function () {

      $(this).slideDown(); // mengakses elemen h1 yang sedang aktif saat ini 

});

});

2. Kupas Tuntas dengan Method "append" dan "remove"

Method append digunakan untuk menampilkan sebuah pesan yang akan ditampilkan dalam suatu elemen HTML. Sedangkan, method remove digunakan untuk menghilangkan sebuah atau satu grup elemen HTML. Contoh :

a. method append

 

$(document).ready(function() {

$("p").click( function () {

      $("p").append("<h3> Ibukota Indonesia adalah Jakarta. </h3>"); // menampilkan tulisan " Ibukota Indonesia adalah Jakarta. " di setiap elemen p dalam file HTML.

});

});

b. method remove

 

$(document).ready(function() {

$(".btnHilang").click( function () {

      $("img").remove(); // menghilangkan elemen img di file HTML

});

});

Contoh pemakaian melalui studi kasus akan dijabarkan pada tulisan selanjutnya.