J Query এর টিউটোরিয়াল :: J QUERY পর্ব – ৪ ( j query event)

J QUERY হোম 

 

 

j query কে event handle করার জন্য ব্যবহার করা হয়।

নিচের উদাহরণটিতে দেখা যাবে যে একটি function কে call করা হচ্ছে যখন একটা button এ click event টি ঘটছে।

$(“button”).click(function() {..some code… } )

মেথডটি সমস্ত <p> elements কে লুকিয়ে দিছছেঃ

$(“p”).hide();

উদাহরণঃ

<html>
<head>
<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
$(“button”).click(function(){
$(“p”).hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>

</html>

Functions গুলি একটি আলাদা ফাইলে

যদি আপনার অনেক গুলি ওয়েবপেজ  থাকে, তাহলে সহজ ভাবে মেনটেন করার জন্য j query function গুলিকে একটি আলাদা .js ফাইল এ রাখা হয়ে থাকে।

এইভাবেঃ

<head>
<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript” src=”my_jquery_functions.js”></script>
</head>

2 thoughts on “J Query এর টিউটোরিয়াল :: J QUERY পর্ব – ৪ ( j query event)

Leave a Reply

Your email address will not be published. Required fields are marked *