|
Perintah
$(“label + input”).css(“color”, “blue”).val(“Labeled!”)
digunakan untuk menset value seluruh element input yang dituliskan berada disamping element label yang ada di document HTML, valuenya diset = Labeled!
Prev + next
Matches all next elements specified by “next” that are next to elements specified by “prev”. Terjemahan googlenya Cocokkan semua elemen berikutnya ditentukan oleh “di samping” […]
Matches all child elements specified by “child” of elements specified by “parent”. Terjemahan google Cocokkan semua elemen anak ditentukan oleh “anak” dari unsur ditentukan oleh “orang tua”. Bingung yah, nggak usah bingung, kita langsung praktek saja
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="../jquery-latest.js"></script> <script> $(document).ready(function(){ $("#main > *").css("border", "3px double […]
ancestor descendant
Matches all descendant elements specified by “descendant” of elements specified by “ancestor”, coba terjemahkan pakai google translate artinya Cocokkan semua unsur keturunan ditentukan oleh “keturunan” dari unsur ditentukan oleh “nenek moyang” wah bingung yah.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="../jquery-latest.js"></script> <script> $(document).ready(function(){ $("form input").css("border", "2px dotted blue"); […]
Multi selector (selector1, selector2, selectorN)
dimana jquery mencari element dalam suatu document html berdasarkan selector-selector yang dimasukkan dalam argument jquery, lho kok bisa gimana caranya dan apa maksudnya.
Jawabannya ada dsini.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="../jquery-latest.js"></script> <script> $(document).ready(function(){ $("div,span,p.myClass").css("border","3px solid red"); }); </script> <style> div,span,p { width: 130px; […]
selector All
dimana jquery mencari element dalam suatu document html berdasarkan classnya, lho kok bisa gimana caranya dan apa maksudnya.
Jawabannya ada dsini.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="../jquery-latest.js"></script> <script> $(document).ready(function(){ $("*").css("border","3px solid red"); }); </script> <style> div,span,p { width: 150px; height: 60px; float:left; padding: 10px; margin: 10px; background-color: […]
selector by Class
dimana jquery mencari element dalam suatu document html berdasarkan classnya, lho kok bisa gimana caranya dan apa maksudnya.
Jawabannya ada dsini.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="../jquery-latest.js"></script> <script> $(document).ready(function(){ $(".myClass").css("border","3px solid red"); }); </script> <style> div,span { width: 150px; height: 60px; float:left; padding: 10px; margin: 10px; […]
selector by Element
pada selector ini, jquery mencari element dalam suatu document html berdasarkan elementnya, lho kok bisa gimana caranya dan apa maksudnya.
Jawabannya ada dsini.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="../jquery-latest.js"></script> <script> $(document).ready(function(){ $("div").css("border","3px solid red"); }); </script> <style> div,span { width: 60px; height: 60px; float:left; padding: 10px; […]
Kekuatan utama jQuery ada pada fungsi selectornya dimana dia dapat dengan cerdas menemukan suatu element yang ada dalam suatu halaman HTML.
Suatu halaman HTML yang kita lihat dibrowser itu terdiri dari beberapa object element. Untuk mengerti ini bagusnya kita belajar Document Object Model (DOM), kebetulan pernah gogling dan mendapatkan video tutorial yang dapat membantu kita […]
Kenalan dengan Jquery.
Untuk para developer web tentunya tidak asing lagi dengan jQuery. Karena kehadirannya sungguh fenomenal dan sangat membantu dalam pembuatan web yang dinamis dan iteraktif. Dengan jquery, membuat menu baik itu menu vertikal, horizontal bahkan tree jadi lebih mudah, bukan cuma menu kita juga dapat membuat tabbing, datepicker bahkan layout web.
Nah penasarankan […]
Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!
|
|