About Me

Agus Haryanto,
Android Trainner,
GoogleMaps (JavaScript) Trainer
JQuery and JQuery Mobile Trainer
Java, Java Script and PHP Trainer
Freelance Developer Android
Freelance Developer Blackberry
Freelance Developer Web (GIS Googlemaps)
Freelance Developer SMS Gateway

jika ingin contact saya bisa emali ke agus.superwriter@gmail.com

ym: agus_h23

Pin BB : 2AD38B33

Facebook : Agus Haryanto


Article

Mengenal Selector JQuery Hierachi (ancestor descendant)

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");
  });
  </script>
  <style>
  body { font-size:14px; }
  form { border:2px green solid; padding:2px; margin:0;
         background:#efe; }
  div { color:red; }
  fieldset { margin:1px; padding:3px; }
  </style>
</head>
<body>
  <form>
    <div>Form is surrounded by the green outline</div>
    <label>Child:</label>
    <input name="name" />
    <fieldset>
      <label>Grandchild:</label>
      <input name="newsletter" />
    </fieldset>
  </form>
  Sibling to form: <input name="none" />
</body>
</html>

perintah

$(“form input”).css(“border”, “2px dotted blue”);

digunakan untuk merubah border seluruh element input yang dituliskan berada dibawah element form meskipun elemen input itu tidak tepat dibawah element form dalam artian kalau dalam silsilah keluarga element input itu adalah anak, cucu atau cicit element form yang ada di document HTML, bordernya diset dengan tebal 3 pixel dan warnanya biru dengan corak dotted.

Please login to access downloadables
Penulis

Agus Haryanto

Sumber : http://jquery.com

Share

2 comments to Mengenal Selector JQuery Hierachi (ancestor descendant)

  • wah mas tutorialnya bagus2 semua, saya awam soal teknologi internet dan bahasa pemprogramman mas, tp tetap sy ada niat mas untuk terus belajar..ya do’a sy dan harapan sy mas agus haryanto terus berkarya, terus berinovasi, dan terus-terus memperbanyak artikel di website ini, he..he….suatu saat kalau sy sudah mempunyai karya itu semua pasti dari inspirasi blog ini……terimaksih

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Spam protection by WP Captcha-Free