9 Eylül 2013 Pazartesi

26.08.2013: Bugün ki ödevim .append() ve .prepend özelliği araştırılıp birer örnek verilecek...


.append()

Bu fonksiyon ile belirtilen nesne sonuna html tagı veya metin ekleyebiliriz...


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="js/jquery-1.10.2.min.js"> </script> 
 <script type="text/javascript">
 $(document).ready(function(){
 $('div.konu h1').append('kirkpinar'); 
 $('div.konu p').append('<b>nedir? <br> Cevap :append belirtilen nesne sonuna html tagi ve ya metin eklemeye yarar!</b>');  

 });

 </script>


 <title> appen ödev</title>
</head>
<body>
<div class="konu"> 
  <h1>***melek***</h1> 
  <p class="yazi">Soru : jQuery append </p>
  </div>
</body>
</html>

.prepend()

Üzerine işlem yaptığımız elementin en başına ekleme yapmamızı sağlar.

 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="js/jquery-1.10.2.min.js"> </script> 
 <script type="text/javascript">
 $(document).ready(function(){
 $('div.konu h1').prepend('kirkpinar'); 

 });
 </script>
<title>prepend ödev</title>
</head>
<body>
<div class="konu"> 
  <h1>***melek***</h1> 
  </div>
</body>
</html>


Bugün yapmam gerekenlerde tamamdır...




Hiç yorum yok:

Yorum Gönder