Verilen id değerine sahip elemente tıklandığında verilen metni elemetnin içine yazdıran jquery kodudur.
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Javascript</title>
<link rel="stylesheet" href="style.css">
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript" src="doc.js"></script>
</head>
<body>
<div id="content">
<p id="paragraf">Buraya tıklayın.</p>
</div>
</body>
</html>
doc.js
$(document).ready(
function() {
$("#paragraf").click(function() {
$("#paragraf").text('Bu cümle, örnek bir cümledir.');
});
});
doc.js (Açıklamalı)
//--------------------------------------------------
//Dosya hazır olduğunda fonksiyon çalıştır.
//--------------------------------------------------
$(document).ready(function() {
//--------------------------------------------------
//"paragraf" id değerine sahip element'e
//tıklanıldığında fonksiyon çalıştır.
//--------------------------------------------------
$("#paragraf").click(function() {
//--------------------------------------------------
//"paragraf" id değerine sahip elementin
//metnini aşağıdaki gibi yap.
//--------------------------------------------------
$("#paragraf").text('Bu cümle, örnek bir cümledir.');
});
});