Jquery ile id ve class seçici kullanımı

Yazar: | 28 Ocak 2019

html üzerinde bize gerekli olan alanları jqery seçicileri ile yakalayıp, alınan değerler üzerinde işlemler yapabiliriz. Bunun için jquery çalıştırmak için jquery kütüphanesini projemizde head alanına ekliyoruz. Daha sonra aaşağıdaki kodu inceleyerek hem id hem de class ile jquery kullanarak veri yakalayabiliriz.

 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>incele.web.tr ile öğren</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>


<script type="text/javascript">
  
  $(function(){
$("#deneme"). //# işareti ile id verisi ile değer alınır.
  });

</script>

<script type="text/javascript">
  
  $(function(){
$(".deneme"). //  . işareti ile class verisi ile değer alınır.
  });

</script>


</head>
<body>
  <div id="deneme">
   merhaba ben id si deneme olan bir div yapısıyım.
  </div>
    <div class="deneme">
   merhaba ben de class adı deneme olan bir div yapısıyım.
  </div>
  
</body>
</html>

 

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir