Bagian 8. Menggunakan JQuery Manipulation

JQuery manipulation digunakan untuk memanipulasi HTML maupun CSS. Manipulasi di sini maksudnya adalah, baik itu menambahkan, menghapus, mengedit, mendapatkan nilai, mengeset nilai, terhadap suatu elemen html, berdasarkan selectornya.

Mendapatkan dan Men-Set Content/Value dan Attributes Elemen HTML

Untuk mendapatkan content/value, maupun Atribut Elemen HTML, ada beberapa fitur yang diberikan oleh jquery, yakni text(), html(), dan val().

Baca Juga

Mengambil dan Men-Set Text Pada Elemen HTML dengan Text()

Text() itu digunakan untuk mengambil isi text dari suatu elemen, misalkan ketika ada paragraph yang berisi "pada suatu hari"

<p>pada suatu hari</p>

Maka untuk mengambil textnya adalah dengan

$('p').text()

Untuk kode selengkapnya adalah sebagai berikut :




<!DOCTYPE html>
<html>
<head>
<title>JQuery</title>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function( ){
alert( $('p').text() );
});
</script>
</head>
<body>
<p>pada suatu hari</p>
</body>
</html>

Hasil dari kode tersebut adalah akan muncul alert / kotak dialog yang berisi

Download source code latihan

pada suatu hari

Apabila sebelumnya kita telah mengambil isi text suatu elemen html, kita pun bisa mengeset atau mengisikan text yang telah di ambil tersebut ke dalam suatu elemen HTML, contohnya adalah sebagai berikut:




<!DOCTYPE html>
<html>
<head>
<title>JQuery</title>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function( ){
}

/* var digunakan untuk mendefinisikan suatu variable data, yang bisa di isi dengan suatu nilai, dalam hal ini adalah isinya di ambil dari text yang berada di dalam div hijau */

Untuk ebook selengkapnya silahkan download disini