قوانین jQuery

jQuery کے ذریعے آپ HTML عنصر کو انتخاب (تحقیق، تحقیق) کرسکتے ہیں اور ان پر آپریشن (کام کر سکتے ہیں)

jQuery گرامر مثال

$("this").hide()
jQuery hide() فونکشن کا نمونہ، موجود HTML عنصر کو پوشا دیا جائے گا
$("#test").hide()
jQuery hide() فونکشن کا نمونہ، id="test" کی تمام عنصر کو پوشا دیا جائے گا
$("p").hide()
jQuery hide() فونکشن کا نمونہ، <p> کی تمام عنصر کو پوشا دیا جائے گا
$(".test").hide()
jQuery hide() فونکشن کا نمونہ، class="test" کی تمام عنصر کو پوشا دیا جائے گا

قوانین jQuery

jQuery گرامر HTML عنصر کا انتخاب کا لئے تیار کیا گیا ہے، جس میں کسی عنصر پر کچھ آپریشن کو کرسکتا ہے

اس کا بنیادی گرامر یہ ہے:$ (selector).action ()

  • دال سیمبل jQuery کا تعریف کرتا ہے
  • سلیکٹر (selector) ‘تحقیق’ اور ‘تحقیق’ HTML عنصر
  • jQuery کا action() عمل کو عناصر پر کا مکنے والا فونکشن

مثال

$("this").hide() - موجود عنصر کو پوشا دیا جائے گا

$("p").hide() - تمام پاراگراف کو پوشا دیا جائے گا

$(".test").hide() - class="test" کی تمام عنصر کو پوشا دیا جائے گا

$("#test").hide() - id="test" کی تمام عنصر کو پوشا دیا جائے گا

نکات:jQuery کا استعمال کئی سمتوں کا مشتق ہے، یعنی XPath اور CSS انتخاب گرامر کا مشتق، اس درس کی بعد کی بچولیوں میں آپ کسی سلیکٹر گرامر کے بارے میں مزید سیکھیں گے

دکومنٹ تیار فونکشن

آپ نے ممکن ہی نہیں نئی دکھائی دیئے جانے والی مثال میں جو بھی jQuery فونکشن دیکھیں گے وہ تمام document ready فونکشن میں موجود ہیں:

$(document).ready(function(){
  // jQuery کی فونکشن جائیں یہاں
});

یہ اس لئے ہے کہ سند پورا لوڈ ہونے (پوری طرح پر تیار ہونے) کے قبل jQuery کو کچھ کو بجائی نہ چل سکتا ہو

اگر فونکشن جاری رہتا ہو یعنی سند پورا لوڈ نہ ہو چکا ہو تو آپریشن ممکن ہی نہیں ہوسکتا ہے۔ نیچے دو مثال دیئے گئی ہیں:

  • ایک نہیں موجود عنصر کو پوشانے کی کوشش
  • ناقص طور پر لوڈ ہونے والی تصویر کی انداز کا حصول