Basic Selector Jquery (Selector by Element)

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;
    margin: 10px;
    background-color: #EEEEEE;
  }
  </style>
</head>
<body>
  <div>DIV1</div>
  <div>DIV2</div>
  <span>SPAN</span>
</body>
</html>

Perintah

$(“div”).css(“border”,”3px solid red”);

digunakan untuk merubah border pada seluruh element DIV yang ada di document HTML, border nya diset dengan tebal 3 pixel dan warnanya merah dengan corak solid.

Script diatas, apabila dieksekusi pada browser hasilnya

penulis

Agus Haryanto

Sumber :

http://jquery.com

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=""> <s> <strike> <strong>