Panduan Lengkap PHP Ajax jQuery

Page 63

http://blog.codingwear.com PHP Ajax Javascript jQuery Tutorial Indonesia $(selector).empty()

Remove semua konten dan child elements dari elemen yang dipilih

$(selector).remove()

Remove elemen yang dipilih

$(selector).removeAttr(attr)

Remove atribut yang ditentukan dari elemen yang dipilih

$(selector).clone()

Clone elemen yang dipilih

$(selector).detach()

Remove elemen yang dipilih dari DOM

Manipulasi CSS dengan jQuery Manipulasi properti CSS jQuery juga mempunyai kemampuan dalam hal memanipulasi CSS. Ada 3 fungsi utama dalam jQuery untuk melakukan manipulasi •

$(selector).css(name,value)

$(selector).css({properties})

$(selector).css(name)

Fungsi css() berguna untuk mendapatkan atau set sebuah properti CSS atau lebih untuk elemen yang dipilih. Jika parameter name dan value diisi, artinya kita me-set nilai dari properti CSS. Untuk me-set nilai-nilai untuk properti CSS lebih dari satu, bisa gunakan {properties} Jika hanya untuk mendapat nilai dari properti CSS yang diinginkan dari elemen yang dipilih cukup isi parameter name saja. Contoh : Kode 22. Contoh css() <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#tombol1").click(function(){ $(".p1").css("color","red"); $(".p2").css({"color":"white","backgroundcolor":"#ff8954","font-family":"Arial","fontsize":"20px","padding":"5px"}); }); $("#tombol2").click(function(){ var nilai = $(".p1").css("color"); alert(nilai); }); }); </script> </head> <body> <p class="p1">Paragraf ini cuma berubah satu properti CSS</p>

63


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.