جلسه ۱۱۲ : انتخابگرهای jQuery و جاوا اسکریپت

• جزئیات
• نوع محتواآموزش تصویری

مقدمه

با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن ، با یکی دیگر از جلسات دوره کامل آموزش JavaScript در خدمت شما دوستان هستیم. jQuery یکی از کتابخانه های جاوا اسکریپت می باشد که در سالهای اخیز ،برای جایگزینی با سینتکس قدیمی تر جاوا اسکریپت عرضه شده است، در jQuery سعی شده تا هم از سینتکس ساده تری استفاده شود و هم اینکه در مقایسه با جاوا اسکریپت حجم کدها به طور قابل ملاحظه ای کاهش یابد،پس با استفاده از jQuery سریع تر به نتیجه خواهید رسید، در این فصل ما چند  مبحث کلی مشترک را در جاوا اسکریپت و jQuery مقایسه کرده ایم، و در این بخش با مقایسه ی انتخابگرهای jQuery و جاوا اسکریپت شروع می کنیم. با ما همراه باشید.

مقایسه ی انتخابگرهای jQuery و جاوا اسکریپت

در ادامه ی این آموزش با ارائه ی نمونه مثال هایی به مقایسه ی انتخابگرهای jQuery و جاوا اسکریپت پرداخته ایم.

مروری بر جی کوئری و جاوا اسکریپت

jQuery در سال ۲۰۰۶ توسط John Resig ایجاد شد.

jQuery برای رسیدگی به عدم انطباق مرورگرها و ساده سازی دستکاری HTML DOM، مدیریت رویداد، انیمیشن ها و آژاکس طراحی شده است.

برای بیش از ۱۰ سال، جی کوئری محبوب ترین جاوا اسکریپت در جهان بوده است.
با این حال، پس از جاوا اسکریپت نسخه ۵ (۲۰۰۹)، بسیاری از سرویس های جی کوئری را می توان با چند خط استاندارد جاوا اسکریپت حل کرد.

پیدا کردن عناصر HTML با استفاده از id

به عنوان مثال پیدا کردن عنصر “id=”intro :

در جاوا اسکریپت :

پیدا کردن عنصر HTML با استفاده از نام (TagName)

انتخاب تمام عناصر <p> :

در جاوا اسکریپت :

پیدا کردن عناصر HTML با استفاده از نام کلاس (ClassName)

پیدا کردن تمام عناصر با خصوصیت  “class=”intro :

در جاوا اسکریپت :

نکته : پیدا کردن عناصر با نام کلاس در مرورگرهای Internet Explorer 8 و نسخه های قدیمی تر پشتیبانی نمی شود.

پیدا کردن عناصر HTML با استفاده از انتخابگرهای CSS

انتخاب تمام عناصر <p> با خصوصیت  “class=”intr :

در جاوا اسکریپت :

نکته : متد ()querySelectorAll در مرورگرهای Internet Explorer 8 و نسخه های قدیمی تر کار نمی کند.

کلام آخر

یکی از مواردی که در جاوا اسکریپت و جی کوئری با آن زیاد سرو کار خواهید داشت انتخاب عنصر یا گروهی از عناصر HTML با استفاده از انتخابگرهاست، از این رو در این بخش سعی کردیم تا با مقایسه ی انتخابگرهای jQuery و جاوا اسکریپت شما را با برخی ویژگی های جی کوئری آشنا سازیم.