0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

آموزش انتخابگرهای جی کوئری Jquery – درس سوم

نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 718
تاریخ بروزرسانی ۶ مرداد ۱۳۹۸

آموزش جی کوئری JQuery

 

درس سوم :  انتخابگر های جی کوئری (jQuery selector)

در این قسمت از آموزش جی کوئری قصد داریم تا همراه شما دوستان و همراهان عزیز وبیار در رابطه با انتخابگرهای جی کوئری  (jQuery selector) صحبت کنیم .انتخابگر ها یکی از مهمترین بخش های کتابخانه ی جی کوئری هستند . اگر شما بتوانید با انتخابگرهای جی کوئری به خوبی کار کنید میتوانید کار با جی کوئری را به درستی بیاموزید .با ما همراه باشید .

توصیه ما به شما همراه گرامی :درصورتیکه مبتدی هستید و هنوز با مطالب پایه ای جی کوئری آشنایی ندارید جهت آشنایی بهتر با جی کوئری ، داشتن پیش زمینه ی مناسب برای آموزش انتخابگرهای جی کوئری (jQuery selector) بهتر است مطالعه ای بر روی « جی کوئری چیست ؟» و « راه اندازی و نصب جی کوئری» داشته باشید.

 

  • انتخابگرهای جی کوئری (jquery selector) :

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

انتخابگر های جی کوئری میتوانند عناصر مورد نظر را بر اساس آی دی (id)، کلاس (class)، نوع (type)، صفت (attribute)، مقادیر صفات (value) و … پیدا کنند و جهت انجام اعمال دلخواه، در اختیار شما قرار دهند . شما میتوانید علاوه بر استفاده از انتخابگر های جی کوئری از انتخابگرهای css نیز در جی کوئری بهره مند شوید .

تمامی انتخابگر های جی کوئری با یک علامت دلار همراه پرانتز نمایش داده میشوند. مانند زیر :

$ (" نام سلکتور");
  • انواع انتخابگرهای جی کوئری (jquery selector) :

سلکتور ها برای انتخاب عناصر مختلف انواع متفاوتی دارند :

  • انتخابگر عناصر :

این نوع انتخابگر برای یافتن عناصر از طریق نام آن ها استفاده می شود  . درواقع این انتخابگر با دریافت نام عنصر از شما آن را انتخاب می کند .

مثال :

$("p");

این کدعنصری که نام آن p  می باشد را انتخاب می کند.

  • انتخابگر شناسه (id) :

این انتخابگر از شناسه (id) یک تگ HTML برای پیدا کردن یک عنصر خاص استفاده میکند .مراقب باشید که نام شناسه در یک صفحه باید منحصر به فرد باشد. برای انتخاب یک عنصر بر اساس شناسه قبل از نام شناسه از علامت # استفاده می شود.

مثال:

$("#test1 ");

این کد عنصری با شناسه test1   را انتخاب می کند.

  • انتخابگر کلاس (class)

این انتخابگر میتواند عنصری که دارای کلاس مورد نظر شماست را انتخاب نماید . برای استفاده از این انتخابگر، کافی است در ابتدای نام کلاس یک نقطه قرار داده و سپس نام کلاس را قرار دهید.

مثال :

$(".test1");

این کد عنصری با کلاس test1  را انتخاب می کند.

  • انتخابگر صفات:

با این انتخابگر میشود عناصری را انتخاب کرد که Attribute های خاصی دارند.وبرای استفاده از آن باید خصوصیت مورد نظر را داخل[ ]به کار ببرید .

مثال:

$( " [href] " );

انتخاب تمامی عناصری که از  herf  استفاده کرده اند.

  •  Gt : انتخاب عناصر بزرگتر

برای مثال : اگر چندین پاراگراف داشته باشیم و بخواهیم پیش زمینه پاراگراف سوم به بعد را عوض کنیم، میتوانیم از انتخابگر Greater than یا gt استفاده کنیم:

$('p:gt(3)').css("background":"yellow");

کد بالا از بین همه پاراگراف ها، فقط پاراگراف سوم به بعد (۴ و ۵ و ۶ و…) را انتخاب میکند.

  • Lt : انتخاب عناصر کوچیکتر

برای انتخاب عناصر قبل از مورد مشخص شده استفاده میشود :

$('p:lt(3)').css("background":"orange");

کد بالا از بین همه پاراگراف ها، فقط پاراگراف‌های قبل از پاراگراف سوم را انتخاب میکند (پاراگراف ۱ و ۲) و پیش زمینه آنها را  نارنجی مکیند.

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

    انتخاب تمام عناصر:

$("*");

         انتخاب عنصر فعلی :

$(this);

.دارند  intro انتخاب همه ی تگ های پاراگراف که کلاس

$("p.intro");

انتخاب اولین تگ پاراگراف:

$("p:first");

: ul  با نام (li انتخاب اولین عنصر از بین تمامی عناصر لیست)

$("ul li:first-child");

انتخاب تمامی لینک هایی که در صفحه جدید باز میشوند:

$("a[target='_blank']");

انتخاب تمامی دکمه ها یا ورودی هایی که از نوع دکمه تعریف شده اند:

$(":button");

به منظور مشاهده لیست کامل انتخابگر ها می توانید از مرجع انتخابگرهای جی کوئری استفاده کنید.

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

­­­­­­­­­­­­برای آشنایی بیشتر با تیم طراحی سایت وب یار در اصفهان به سایت ما مراجعه نمایید و از سایر آموزش های ما لذت ببرید.

 

مطالب مرتبط
آموزش کار با مسنجر تلگرام(ترفندهای تلگرام)
مطالعه :

آموزش کار با مسنجر تلگرام و ترفندهای تلگرام دانلود آموزش ارسال انبوه و تبلیغات به لیست شماره ها و انبوه کاربران تلگرام(ارسال اس ام اس به تلگرام) بر اساس مناطق و شماره های شما در حال حاضر قابلیت ارسال تا 90 هزار عدد در ماه آماده ارسال می باشد. تست شده در تاریخ 15 آذر 99 با ارسال روزانه بیش از 3 هزار ارسال بدون هزینه پنل .   تمامی نرم افزار های ارسال رایگان به لیست مخاطبان تلگرام همراه با تست و آموزش و بروزترین ورژن ها بصورت هدیه در پکیج خدمتتان قرار داده شده . امروزه مسنجر تلگرام یکی از محبوب ترین مسنجرها در میان مسنجرهایی از قبیل واتس آپ, لاین,وایبر,و اینستاگرام است,علت این موضوع هم امکانات تلگرام از قبیل امکان ارسال پیام صوتی به صورت گروهی,امکان ارسال انواع فایل ازقبیل ویدیو,صوت,عکس تا حجم حداکثر ۱۰۰۰ مگابایت,دارا بودن  سیستم رمز نگاری فوق العاده قدرتمند برای مسایل امنیتی,۱۰۰% رایگان(بر خلاف مسنجری همچون واتس آپ که بعد از مدتها باید هزینه پرداخت کرد. ). چنانچه در نحوه نصب تلگرام بر روی کامپیوتر مشکل دارید مطلب آموزش تصویری نصب تلگرام بر روی کامپیوتر را بخوانید.   فوت و فن های تلگرم: اما خب اکثر افرادی که با تلگرام کار میکنند,در کار کردن با تلگرام مشکلات,ابهاماتی در ذهنشان دارند, همچنین حتی برخی از افرادی که شاید در کار کردن با تلگرام مشکلی […]

seoچیست؟
مطالعه : 20 دقیقه

سئو سایت اصفهان یکی از خدمات تیم طراحی سایت و سئو سایت وب یار می باشد. آیا تا کنون به سئو سایت خود فکر کرده اید؟ آیا می دانید برای بهینه سازی سایت خود چه فاکتورهایی را باید در نظر بگیرید؟

طراحی سایت وب یار
مطالعه :

چرا تیم طراحی سایت وب یار را انتخاب کنیم ؟ در این مطلب میخواهیم به این سوال پاسخ داده و مزایای کار با تیم وب یار را برای شما عزیزان یادآوری کنیم: – طراحی زیبا و حرفه ای قالب: وبــ یار پس از اخذ سفارش از شما به طراحی حرفه ای وایر فریم و قالب زیبا و رنگ بندی متناسب با موضوع وب سایت توسط کارشناسان گرافیک می پردازد. لازم به ذکر است که طراحی قالب از ابتدا با توجه به کدنویسی استاندارد انجام می شود و طراحی قالب قبل از شروع کدنویسی توسط مشتری قابل تغییر و ویرایش می باشد. -کدنویسی استاندارد و سئو شده: در مرحله کدنویسی برنامه نویسان تیم وب یار موظفند که از ابتدا کدها را استاندارد بنویسند و به همین دلیل سایت های طراحی شده توسط تیم ما از نظر سئو بسیار قدرتمندند و با تمامی مرورگرهای روز دنیا سازگار می باشند. -آموزش مدیریت سایت با پنل مدیریت فارسی: تیم وبــ یار پس از تحویل سایت مشتری در یک جلسه آموزش رایگان تمامی راه کارهای مدیریت سایت را همراه با تکنیک های اولیه سئو که یک مدیر سایت باید با آنها آشنا باشد را در اختیار مشتریان خود قرار می دهد. پنل مدیریت سایت  کاملا فارسی بوده و حتی برای اشخاصی که هیچ دانش فنی در خصوص وب ندارند کاملا ساده و راحت می باشد. […]

قالب فروشگاهی پرستاشاپPrestaShop-webyar
مطالعه :

تا به حال به این فکر کرده اید که چطور میشه از طریق اینترنت هم کسب درآمد کنید؟ تا به حال خواسته اید شما هم یک فروشگاه اینترنتی داشته باشید تا محصولات خودتان را ۲۴ ساعته در معرض دید مشتری بگذارید؟ هدف اصلی بسیاری از شرکت ها از حضور در اینترنت، کسب درآمد از طریق فروش محصولات، بدست گرفتن بازار آنلاین و ارائه خدمات بهتر به مشتریان و در نتیجه فروش بیشتر محصولات خود می باشد. به این صورت که با استفاده از این روش، خریدار علاوه بر صرفه جویی در وقت و هزینه ( خصوصا” هزینه های ایاب و ذهاب )، با آرامش کامل، کالاهای مورد نظر خود را انتخاب و خریداری نموده و بدون هیچ مشکلی آنها را درب منزل و یا محل کار تحویل می گیرد. فروشگاه اینترنتی چیست؟ فروشگاه آنلاین (فروشگاه اینترنتی) یک وب سایت است که مانند یک فروشگاه سنتی، اجناس مختلفی را برای فروش عرضه می‌کند. خریداران پس از ورود به سایت فروشگاه،کالاهای مورد نظر خود را سفارش می‌دهند. پس از تکمیل سفارش، هزینه‌ی آن به چند شیوه قابل پرداخت است: با کارت‌های بانکی،شیوه پرداخت نقدی به مأمور پست در زمان تحویل کالا، و یا واریز به حساب. پس از مشاهده و تأیید سفارش توسط مسئول فروشگاه، مأمور پست کالا را در محل فروشنده تحویل می‌گیرد و به دست خریدار می‌رساند. اداره‌ فروشگاه اینترنتی […]

طراحی-سایت
مطالعه :

مراحل طراحی وبسایت  اهمیت داشتن یک وبسایت چیست؟ در عصر کنونی ، موضوع ارتباطات و تکنولوژی های مربوط به آن به سرعت در حال پیشرفت است . به جرات می توان گفت یکی از موثرترین روشهای برقراری ارتباط با دیگران از طریق داشتن یک وبسایت است . با پیشرفت اینترنت و دسترسی اکثر مردم به آن دنیا به این سمت در حال حرکت بوده و تعبیر دهکده جهانی محقق شده است. امروزه افراد در سرتاسر دنیا با هم ارتباط داشته و بیشتر کارها با چند کلیک ساده انجام می شود. قطعا وب سایت ها سهم عظیمی در این برنامه دارند و باعث  ارتباط بین افراد می شوند. داشتن وب سایت شما را محدود به مکان و زمان نمی کند و در صورت ارائه خدمات خود در آن می توانید در هر ساعتی از شبانه روز و حتی فراتر از مرز شهر و کشور خود کسب درآمد کنید. هم چنین داشتن وب سایت برای هر کسب و کار و صنفی ایجاد برند کرده و باعث شناخت و شهرت آن می شود. داشتن وب سایت و ارائه ی خدمات در آن تحت تاثیر اتفاقات غیر مترقبه مانند سیل ، زلزله ، طوفان و.. قرار نمی گیرد و این اتفاقات نه تنها آسیبی به ارتباطات اینترنتی نمی زند حتی باعث محبوب شدن آن ها نیز می شود. ویروس COVID-19 این موضوع را به […]

افزایش بازدید سایت
مطالعه :

روش های افزایش بازدید از سایت امروزه صاحبان وب سایت ها به شدت در جستجوی روش های افزایش بازدید سایت و کسب رتبه بالا در گوگل و درمیان رقبایشان هستند،جدا از راههایی که سئو کاران و برنامه نویسان سایت ها برای افزایش بازدید سایت شما در نظر میگیرند خود شما نیز باید مهم ترین روش های افزایش بازدید سایت را بشناسید تا از این طریق بتوانید به جایگاه خوبی در میان سایت های رقبایتان و افزایش فروش و درآمد برسید. می دانید که افزایش رتبه سایت در گوگل روش های گوناگونی دارد اما در میان این روش ها تنها برخی از روش ها هستند که مورد تایید گوگل میباشند و تاثیر منفی بر سئو سایت شما نمیگذارند،در ادامه همراه ما باشید تا مروری به مهم ترین نکات افزایش بازدید ازسایت داشته باشیم.   1.خلاقیت در محتوا نقش محتوا در افزایش آمار بازدید کنندگان سایت را جدی بگیرید. اگر می‌خواهید آمار بازدید از سایت شما بالا برود از کپی کردن مطالب دیگران در سایتتان پرهیز کنید و خودتان سعی کنید یک محتوای خلاقانه تولید کنید. دقت کنید که محتوای شما باید به گونه‌ای باشد که مخاطب را جذب کند و برای خواندن ادامه‌ی مطالب شما راغب شود. برای داشتن یک محتوای با کیفیت شما باید علاقه و نیازهای مخاطبانتان را بشناسید. پس باید اطلاعات مورد نیاز آن‌ها را تهیه کنید و […]

دیدگاه ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *