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

ਪਿਛਲਾ ਪੰਨਾ جی کوئی سلیکٹر
ਅਗਲਾ ਪੰਨਾ jQuery 隐藏/显示

جی کوئین ایونٹ کو خصوصی طور پر بجلی دیا گیا ہے.

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

جی کوئین ایونٹ ہینڈلر جو جی کوئین میں کینرل فونکشن ہیں.

ایونٹ ہینڈلر جو کچھ ایونٹیں ایچ تھمل میں ہونے پر منصوب کئے گئے ہیں کی وجہ سے منصوب کئے گئے ہیں، یا ایک ایونٹ کو 'ترقی' یا 'بجلی' کے طور پر استعمال کیا جاتا ہے.

معمولاً جی کوئین کا کوڈ <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 فائل میں رکھیں.

ਜਦੋਂ ਅਸੀਂ ਟ੍ਰੇਨਿੰਗ ਵਿੱਚ jQuery ਦਰਸਾਉਂਦੇ ਹਾਂ, ਤਾਂ ਫੰਕਸ਼ਨ ਨੂੰ ਸਿੱਧੇ <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 ਹੀ ਐਲੀਮੈਂਟ ਈਵੈਂਟ ਨਾਲ ਹੱਲ ਕਰਨ ਲਈ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ, ਤਾਂ ਤੁਸੀਂ ਹੇਠ ਲਿਖੇ ਸਿਧਾਂਤਾਂ ਨੂੰ ਲੈ ਕੇ ਆਪਣਾ ਕੋਡ ਹੋਰ ਉਚਿਤ ਅਤੇ ਰੱਖਿਆਬੱਧ ਬਣਾ ਸਕਦੇ ਹੋ:

ਸਾਰਾ jQuery ਕੋਡ ਈਵੈਂਟ ਹੈਂਡਲਰ ਵਿੱਚ ਰੱਖੋ
ਸਾਰੇ ਈਵੈਂਟ ਹੈਂਡਲਰਸ ਨੂੰ ਦਸਤਾਵੇਜ਼ ਤਿਆਰ ਹੋਣ ਦੇ ਈਵੈਂਟ ਹੈਂਡਲਰ ਵਿੱਚ ਰੱਖੋ
jQuery ਕੋਡ ਨੂੰ ਇੱਕ ਅਲੱਗ .js ਫਾਈਲ ਵਿੱਚ ਰੱਖੋ
ਨਾਮ ਟਕਰਾਅ ਹੋਣ ਤਾਂ jQuery ਲਾਇਬ੍ਰੇਰੀ ਨੂੰ ਪੁਨਰ ਨਾਮਕਰਣ ਕਰੋ