perbedaan method parent() dengan parents() pada jquery1

Hai teman-teman semuanya, gimana masi semangat belajarnya? kita lanjut lagi pembahasan kita tentang jquery, pada tutorial sebelumnya kita telah membahas method parent() dan apa kalian tahu, selain method parent() ada juga method parents(), apa sih bedanya? padahalkan cuma beda huruf s belakangnya saja, oke untuk lebih jelasnya kita langsung saja bahas perbedaan method parent() dengan parents() pada jquery.

Pada materi sebelumnya kita telah membahas method parent, atau mungkin teman-teman yang belum tau silahakan pelajari tutorial saya tentang method parent di link berikut ini :

Belajar Mengenal Fungsi Method Parent() Pada Jquery

Seperti pada tutorial sebelumnya, fungsi dari method parent() adalah untuk mengeksekusi pembungkus pertama dari element selector yang kita tentukan sebelumnya, nah mungkun untuk lebih mudah saya mengambil script dari tutorial saya sebelumnya untuk membedakan antara method parent() dengan parents(), disini saya mengambil script dari tutorial sebelumnya, seperti berikut ini:

<html>
<head>
<style>
.bungkus1 * { 
    display: block;
    border: 2px solid lightgreen;
    color: lightgreen;
    padding: 5px;
    margin: 15px;
}
</style> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("span").parent().css({"color": "red", "border": "2px solid red"});
});
</script>
</head>
<body>
 
<div class="bungkus1">
  <div style="width:300px;">pembungkus pertama   
    <p>p pembungkus kedua
        <span>span</span>
      </p> 
  </div>
</div>
 
</body>
</html>

<html>

<head>

<style>

.bungkus1 * {

display: block;

border: 2px solid lightgreen;

color: lightgreen;

padding: 5px;

margin: 15px;

}

</style>

$(document).ready(function(){

$("span").parent().css({"color": "red", "border": "2px solid red"});

});

</script>

</head>

<body>

<div style="width:300px;">pembungkus pertama

<p>p pembungkus kedua

</p>

</div>

</body>

</html>

Jika teman-teman save maka hasilnya adalah seperti berikut ini:

ini adalah fungsi dari method parent() pada jquery yaitu mengatur atau mengeksekusi element pembungkus pertama dari selector yang kita tentukan, nah sekarang kita ubah methodnya menjadi parents() pada script berikut ini :

<script>
$(document).ready(function(){
 $("span").parents().css({"color": "red", "border": "2px solid red"});
 });
 </script>

$(document).ready(function(){

$("span").parents().css({"color": "red", "border": "2px solid red"});

});

</script>

methodnya menjadi parents() jika teman-teman save maka hasilnya akan seperti berikut ini:

Semua pembungkus dari selector yang kita berikan method parents() akan mengalami style, berarti kesimpulannya, parents() berfungsi untuk global,

Gimana teman-teman cukup mudah bukan? untuk tutorial kali ini tentang perbedaan method parent() dengan parents() pada jquery cukup sampai sini duulu, sampai bertemu lagi pada tutorial-tutorial jquery berikutnya,

Terima kasih.

Perbedaan Method Parent() Dengan Parents() Pada Jquery

Facebook DUMET School

Categories