Table of Contents
Introduction
हेलो दोस्तों आज हम इस post में jquery के syntax और उसके example के बारेमे basic जानेगे!. तो दोस्तों jquery एक javascript की library है जिसमे क्या होता है! की जब बी हम javascript में code लिखते है तो हमें काफी सारा code लिखना पड़ता है जब की jquery में हमें sort code लिखना होता है और javascript में जिस task perform करने के लिए code लिखते है उसके compared में jquery में काफी कम code लिखना होता है!.
jQuery Syntax:
हमारे document में jquery का code कब execute होता है जब हमारा document पूरी तरह से एक बार load हो जाता है उसके बाद में jquery का code run hota है!. और jquery code से हम perticuler selector के लिए action perform करा सकते है!.
Syntax:
$(selector).action();
Jquery का basic syntax आप document ready event के साथ निचे देख सकते है!.
<script type="text/javascript">
$(document).ready(function(){
//write your code
$(selector).action();
});
</script>
ऊपर के example में आप देख सकते है की हमने jquery का कोड <script>… </script> के opening और closing tag के बीच में लिखा है!. jquery के javascript की library है!.
$ dollar sign का इस्तेमाल jquery function को access करने के लिए किया जाता है!.
$ dollar sign jquery का उपनाम है या ऐसा कह सकते है jquery की option में इस्तेमाल कर सकते है!.
DOM से element को select करने के selector का इस्तेमाल किया जाता है!. वह selector क्या हो सकता है element tag name या उस element tag में define किया हुवा class और id हो सकती है!.
jquery के इस्तेमाल से particular selected selector element में action() perform करा सकते है!.
jquery के इस्तेमाल करके element में css set करा सकते है!.
Jquery Example
jquery code को लिखने से पहले हमें jquery cdn को include करना होता है.
jquery
<script src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
Example:
<!DOCTYPE html>
<html>
<head>
<title>jQuery Example</title>
<script src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<script>
$(document).ready(function(){
$(".btn").click(function(){
$(this).show();
});
});
</script>
<p style="display:none;">This is action perform text</p>
<button class="btn"></button>
</body>
</html>
