انٹرنیٹویب ڈیزائن

ہم کیوں اور کیسے jQuery سے سلیکٹر ریکارڈ کرنے کے لئے کی ضرورت ہے؟

جدید ویب ڈیزائنر صرف مہارت حاصل نہیں کرنا چاہئے HTML، کی مبادیات سی ایس ایس اور جاوا اسکرپٹ، بلکہ HTML دستاویزات کے ساتھ سکرپٹ کے تعامل پر مرکوز ہے جس jQuery لائبریری، میں کام کرنے کے قابل ہو جائے. یہ کسی بھی عنصر DOM (ایپلیکیشن پروگرامنگ مواد HTML فائلوں تک رسائی فراہم کرتا ہے انٹرفیس) کے لئے فوری رسائی اور ان جوڑتوڑ کی اجازت دیتا ہے. لائبریری کا بنیادی ساخت یونٹس ٹیم ہیں. یا ایک درخواست کرنے کے لئے دوسرے کی ٹیم میں، آپ کو ایک JQuery-سلیکٹر کی ضرورت ہے.

JQuery لائبریری میں فارمولہ سلیکٹرز

jQuery میں سلیکٹرز سی ایس ایس میں استعمال کی بنیاد پر. انہوں نے ان (ٹیم) توڑ کے ان یا دیگر طریقوں کی وجہ سے ان کا استعمال کرنے کے لئے، اشیاء HTML فائل کو منتخب کرنے کی ضرورت ہے. تلاش سلیکٹر $ () تقریب کے ذریعے کیا جاتا ہے. مثال کے طور پر $ ( 'div کے').

سلیکٹرز کس طرح کے عناصر کے انتخاب پر منحصر درجہ بندی کیا جا سکتا ہے:

  • بنیادی؛
  • وصف کی طرف سے؛
  • تنظیمی ڈھانچے؛
  • مواد؛
  • صورتحال پر؛
  • فارم کے کھیتوں کے انتخاب؛
  • دیگر.

کلیدی سلیکٹرز

اس لائبریری کے مرکزی گروپ سے تعلق رکھنے والے jQuery سے سلیکٹر استعمال کیا جاتا ہے کا استعمال کرتے ہوئے مقدمات میں سے 90 فیصد میں. ان میں سے سب بہت آسان اور واضح ہے. ہمیں ان میں سے ہر ایک پر غور کرتے ہیں:

  • * - سر، جسم، وغیرہ سمیت تمام صفحہ عناصر، انتخاب کرتا ہے؛
  • P / DIV / سائڈبار / ... - پہلے سے مقرر ٹیگ سے متعلق تمام عناصر کو منتخب کرتا ہے (یعنی p.div، سائڈبار، وغیرہ ... کے لئے)؛
  • .myClass / p.myClass - مخصوص طبقے کے نام کے ساتھ عناصر کو منتخب؛
  • # MyID / P # myID - دی آئی ڈی کے ساتھ کسی ایک شے کو منتخب کرتا ہے.

یہ ایک مثال ہے. چلو ہم مندرجہ ذیل ہوں گے برابر کلاس اندراج کے صفحے پر تمام عناصر کو منتخب کرنے کی ضرورت ہے کا کہنا ہے کہ: (برابر) $. اس طبقے کے لئے ضروری صرف P عناصر، پھر لکھتے ہیں: $ (p.par).

سلیکٹرز منسوب

ہم کسی بھی طبقے ہونے ID سے تعلق رکھنے والے ایک آئٹم کو منتخب کریں یا صفحے پر تمام عناصر کو منتخب کرنے کی ضرورت ہے تو آپ، JQuery کے مرکزی-سلیکٹر استعمال کر سکتے ہیں. ایک آئٹم کی کوئی کلاس یا ID ہے جب تاہم، وہاں مقدمات ہیں. یہ اس لئے ہے اور وصف کی طرف سے انتخابات ہوتے ہیں. وہ آپ سے کچھ پر ایک کا انتخاب کرنے کی اجازت HTML عناصر کے وصف جیسے href کی یا ایسآرسی. یہ وصف میں لکھا ہے مربع بریکٹ [].

سادہ ترین مثال: $ ([ایسآرسی]) - ہے کہ ایسآرسی وصف تمام عناصر منتخب کرتا ہے. یہ مخصوص خصوصیت قدر وضاحت کی طرف سے نمونے کو محدود کرنا ممکن ہے: $ ([ایسآرسی = 'HTTP: // سائٹ / مضمون / 132222 / قدر']).

آپ کی پسند کے میدان محدود کرنے کے لئے چاہتے ہیں تو آپ کو کچھ JQuery کے سلیکٹرز کا استعمال کر سکتے ہیں. مثال کے طور پر $ (P [رنگ = نیلا] [SIZE = 12]) - ایک نیلے رنگ اور سائز 12 ہے جس میں صرف ان عناصر P، منتخب ہوگئے ہیں.

سلیکٹرز مواد

اس صورت میں، آپ کے اوصاف یا بنیادی سلیکٹرز کی بنیاد عناصر کو منتخب نہیں کر سکتے ہیں، تو آپ ان کے مواد سے رجوع کرنا چاہئے. کل میں سے ہیں اس قسم کے 4 سلیکٹر:

  • : پر مشتمل ہے - مخصوص متن پر مشتمل اشیاء کو منتخب کرتا ہے.
  • : ہے - عناصر اس لائن کی خصوصیت دوسرے عناصر پر مشتمل کا انتخاب؛
  • : والدین - عناصر کسی دوسرے پر مشتمل ہے کہ انتخاب کرتا؛
  • : خالی - عناصر کسی دوسرے پر مشتمل نہیں ہے منتخب کرتا ہے.

یہ ایک مثال ہے. ہیلو کا متن پر مشتمل تمام عناصر div کے منتخب کرنے کے لئے، آپ کو $ لکھنے کی ضرورت (div کی: ( 'ہیلو') پر مشتمل ہے).

سلیکٹرز کے تنظیمی ڈھانچے

ان کے تنظیمی ڈھانچے کے مطابق (یہ ہے کہ، HTML صفحات پر ایک دوسرے کے تناسب) - jQuery کے ہیں، یعنی میں عناصر کو منتخب کرنے کا ایک اور راستہ نہیں ہے. ان میں سے بہت سے، تو ہم سب سے زیادہ مقبول، "بچہ" اور "نسل" کی دو پیش کرتے ہیں.

پہلی صورت میں عناصر ہیں جو ایک دیا عنصر (پرکھا) کی براہ راست اولاد (بچے) ہیں منتخب کر رہے ہیں. $ (UL # NAV> li.light): مثال کے طور پر، ایک بچے کے NAV فہرست ہے جس میں روشنی کی کلاس میں فہرست کے عناصر کو منتخب کرنے کے لئے، تو آپ کو لکھنے کے لئے کی ضرورت ہے.

دوسری صورت - ایک سے زیادہ عام. وہاں منتخب کیا اور عنصر کا بالواسطہ اولاد کیا جا سکتا. مثال کے طور پر، فہرست NAV لکھ اندر لنکس منتخب کرنے کے لئے: $ (UL # NAV ایک).

اس طرح، jQuery میں عناصر کو مختلف طریقوں سے پیرامیٹرز کا استعمال کرتے ہوئے کی طرف سے اس طرح کے طور پر ایک کلاس، ID، صفات، HTML-دستاویز عناصر کے مواد یا تنظیمی ڈھانچے کو منتخب کیا جا سکتا ہے.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ur.birmiss.com. Theme powered by WordPress.