جی کوئری واقعات

جی کوئئنری ایونٹ کا تخصیص دیا گیا ہے۔

جی کوئئنری ایونٹ فنکشن

جی کوئئنری ایونٹ ہینڈلنگ میتھد جی کوئئنری میں کلیدی فنکشن ہیں۔

ایونٹ ہینڈلنگ اس کا مطلب ہوتا ہے کہ جب ویب میں کسی ایونٹ کا واقع ہوتا ہے تو اس کو بولی کی جاتی ہے۔ عام طور پر اس کو ایونٹ 'ترگی' یا 'پلانک' کے طور پر استعمال کیا جاتا ہے۔

عموماً جی کوئئنری کو <head> کے حصے کا ایونٹ ہینڈلنگ میتھد میں رکھا جاتا ہے:

مثال

<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>یہ ایک عنوان ہے</h2>
<p>یہ ایک پیراگراف ہے.</p>
<p>یہ ایک دوسرا پیراگراف ہے.</p>
<button>کلیک میں</button>
</body>
</html>

آپ خود سجاوٹ کریں

علیکم مثال میں، جب بٹن کا کلک کلائک کیا جاتا ہے تو ایک فنکشن بولی کی جاتی ہے:

$("button").click(function() {  // کچھ کوڈ... } )

اس طریقے سے تمام <p> عناصر کو پوشایا جاتا ہے:

$("p").hide();

مستقل فائل میں فنکشن

اگر ویبسائیٹ آپ میں متعدد پیجز شامل ہیں اور آپ چاہتے ہیں کہ آپ کی جی کوئئنری فنکشن آسان طور پر دیکھی جاسکتی ہیں تو آپ کی جی کوئئنری فنکشن کو مستقل .js فائل میں رکھیں。

جب ہم جی کو درست کریں تو، فونکشن بائیکم <head> کے حصے میں رکھی جائیں گی۔ لیکن ان کو علیحدہ فائل میں رکھنا بہتر ہوگا، جیسا کہ اس طرح (اس فائل کو src نمبر کے ذریعے منسلک کیا جائے):

مثال

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

jQuery کی نام تلاش

jQuery،$ نمبر کو jQuery کی مختصر معرفی کے طور پر استعمال کرتا ہے

کچھ دیگر JavaScript پیٹھوں میں کچھ دیگر فونکشن (مثلاً Prototype) بھی $ نمبر استعمال کرتی ہیں

jQuery، اس مسئلے کو حل کرنے کیلئے noConflict() کا نام استعمال کرتا ہے

var jq=jQuery.noConflict()، آپ کو اپنے نام (مثلاً jq) کا استعمال کرنے میں مدد کرتا ہے،جس سے $ نمبر کو بدل دیا جائے

آپ خود سجاوٹ کریں

نتیجہ

جس کاjQuery،HTML ایونٹوں کو ہلکا کرنے کیلئے خصوصی طور پر ڈیزائن کیا گیا ہے، لہذا جب آپ مندرجہ بالا اصولوں کو پابند رکھتے ہیں تو، آپ کا کوڈ اور صحیح اور آسان ترک حوالہ دینا ہوگا:

  • تمام jQuery کو ایونٹ ہینڈلر میں رکھنا
  • تمام ایونٹ ہینڈلر کو ڈاکومن تیار ہونے کے ایونٹ ہینڈلر میں رکھنا
  • jQuery کو علیحدہ .js فائل میں رکھنا
  • اگر نام کی تلاش کی تلاش موجود ہوتی ہے تو،jQuery پیٹھ کو دوبارہ نام دینا

جی کوئری واقعات

درج ذیل،jQuery میں ایونٹ طریقتوں کی کچھ مثالیں ہیں:

ایونٹ فونکشن فونکشن کو بندھاوا جائے
$(document).ready(function) فونکشن کو ڈاکومن کے تیار ہونے کے ایونٹ سے بندھاوا جائے (جب ڈاکومن لوڈ ہوا ہو)
$(selector).click(function) ایونٹ کو یا تو فونکشن کو منتقل کریں یا منتخب شدہ عناصر پر کلک کے ایونٹ سے بندھاوا جائے
$(selector).dblclick(function) ایونٹ کو یا تو فونکشن کو منتقل کریں یا منتخب شدہ عناصر پر دوگنا کلک کے ایونٹ سے بندھاوا جائے
$(selector).focus(function) ایونٹ کو یا تو فونکشن کو منتقل کریں یا منتخب شدہ عناصر پر فوجوس کے ایونٹ سے بندھاوا جائے
$(selector).mouseover(function) ایونٹ کو یا تو فونکشن کو منتقل کریں یا منتخب شدہ عناصر پر ماوس کی تھم کے ایونٹ سے بندھاوا جائے

پورا رفرنسی دستور زبان کے لئے، ہمارے jQuery ایونٹ رفرنسی دستور زبان。