چرا ما نیاز داریم و چگونه به ضبط JQuery و انتخاب؟

طراح وب مدرن نه تنها باید به کارشناسی کارشناسی ارشد اصول اولیه HTML، CSS و جاوا اسکریپت، بلکه قادر به کار در کتابخانه جی کوئری، که در تعامل جاوا اسکریپت با HTML اسناد متمرکز است. که اجازه می دهد تا دسترسی سریع به هر عنصر DOM (رابط برنامه نویسی کاربردی که دسترسی به محتوای HTML فایل فراهم می کند) و دستکاری آنها. واحدهای ساختاری اصلی کتابخانه تیم هستند. به منظور اعمال یک یا تیم های دیگر، شما نیاز به یک JQuery و انتخاب.

انتخابگرهای فرمول در کتابخانه جی کوئری

انتخابگرهای در جی کوئری در استفاده در CSS است. آنها ملزم به انتخاب آیتم های HTML فایل، به استفاده از آنها را به علت این و یا روش های دیگر دستکاری آنها (تیم). جستجو است که از طریق تابع انتخاب $ () انجام شده است. به عنوان مثال، $ ( 'دیو').

انتخابگرهای می توان بسته به اینکه چگونه انتخاب عناصر طبقه بندی:

• اساسی؛
• توسط صفت؛
• سلسله مراتب؛
• محتوا؛
• در مورد وضعیت؛
• انتخاب فیلدهای فرم؛
• دیگران است.

انتخابگرهای کلیدی

در 90٪ از موارد در هنگام استفاده از این کتابخانه استفاده شده است JQuery و انتخابگر متعلق به گروه اصلی. همه آنها بسیار ساده و روشن است. بیایید هر یک از آنها:

• * - انتخاب تمام عناصر صفحه، از جمله سر، بدن، و غیره؛
• P / DIV / نوار کناری / ... - انتخاب تمام عناصر مربوط به برچسب از پیش تعیین شده (به عنوان مثال به p.div، نوار کناری، و غیره ...)؛
• .myClass / p.myClass - عناصر با نام کلاس مشخص انتخاب؛
• # MyID / P # myID - انتخاب هر موردی با شناسه داده شده است.

در اینجا یک مثال است. بیایید می گویند ما نیاز به انتخاب تمام عناصر در صفحه با ورود کلاس همتراز قرار زیر خواهد بود: (پاراگراف) $. اگر لازم باشد تنها عناصر p از این کلاس، پس از آن ارسال: $ (p.par).

نسبت انتخابگرهای

شما می توانید از jQuery اصلی انتخابگر استفاده کنید، اگر ما نیاز به انتخاب یک آیتم متعلق به هر کلاس داشتن ID و یا تمام عناصر بر روی صفحه انتخاب کنید. با این حال، موارد وجود دارد که یک آیتم است کلاس یا ID. این برای این است و انتخاب توسط صفت وجود دارد. آنها اجازه می دهد تا شما را به یک انتخاب در برخی از ویژگی از HTML عناصر، مانند عکاس هنگام عکسبرداری یا SRC. این صفت در نوشته براکت [].

ساده ترین مثال: $ ([SRC]) - انتخاب تمام عناصر که صفت src. ممکن است که به محدود کردن نمونه را بوسیله خاص مقدار ویژگی: $ ([SRC = 'http: // باشد سایت / مقاله / 132222 / ارزش']).

شما می توانید برخی انتخابگرهای جی کوئری اگر شما می خواهید برای محدود انتخاب رشته استفاده کنید. به عنوان مثال، $ (ص [COLOR = آبی] [size = 12]) - فقط آن دسته از عناصر p، که یک رنگ آبی و اندازه 12 انتخاب می شوند.

محتوای انتخابگرهای

در آن صورت، اگر شما می توانید عناصر بر اساس ویژگی یا انتخابگرهای اصلی انتخاب کنید، شما باید به محتوای آنها مراجعه کنید. در مجموع تعداد 4 انتخاب از این نوع وجود دارد:

• : شامل - انتخاب آیتم ها حاوی متن مشخص شده؛
• : آیا - انتخاب عناصر که حاوی عناصر دیگر از ویژگی های این خط؛
• : پدر و مادر - عناصر که شامل هر انتخاب.
• : خالی - انتخاب عناصر که شامل هر دیگر نیست.

در اینجا یک مثال است. برای انتخاب همه دیو عناصر، حاوی متن از سلام، شما نیاز به نوشتن $ (دیو و: شامل ( 'سلام')).

سلسله مراتب انتخابگرهای

راه دیگری برای انتخاب عناصر در jQuery، یعنی وجود دارد - با توجه به سلسله مراتب آنها (که شده است، نسبت هر یک از دیگر در HTML صفحه). بسیاری از آنها را، پس ما در حال حاضر دو تا از محبوب ترین، "کودک" و "نسل".

در مورد اول از عناصر انتخاب می شوند، که فرزندان مستقیم (کودکان) یک عنصر داده شده (جد) می باشد. به عنوان مثال، برای انتخاب عناصر را از لیست در کلاس نور است که به یک لیست منو کودک، سپس شما نیاز به ارسال: $ (UL # منو> li.light).

مورد دوم - یک کلی تر. می توان وجود دارد انتخاب شده و فرزندان غیر مستقیم از این عنصر است. به عنوان مثال، برای انتخاب لینک های درون لیست منو تجویز: $ (UL # منو) است.

بنابراین، در JQuery و عناصر را می توان به روش های مختلف با استفاده از پارامترهای مانند یک کلاس، ID، ویژگی های، محتوا و یا سلسله مراتب عناصر HTML سند انتخاب شده است.