Tutorial Website Lengkap: Jquery bagian 13 Events .live()

HTML (live.html)

<!DOCTYPE html>
<html>
<head>
<style>
.deep {font-weight:bold; cursor:pointer; padding:1px; }
.deep.over {color: #ccc; }
.pan { color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p class="deep">Klik disini !</p>
<span class="pan"></span>
<script>
$(".deep").live({
click: function() {
$(this).after("<p class='deep'>Paragrap lain!</p>");
},
mouseover: function() {
$(this).addClass("over");
},
mouseout: function() {
$(this).removeClass("over");
}
});
</script>
</body>
</html>

Download File

Tutorial Website Lengkap

Jquery bagian 13 Events .live()

Tidak ada komentar:

Posting Komentar