Selector ها قسمت مهم کار با jquery هستند.برای اینکه مشخص کنید دستور jquery روی چه عنصری از صفحه وب اعمال شود باید از انتخاب گرها در جی کوئری استفاده نمائید . با استفاده از جدول زیر می توانید روش دسترسی به هر عنصر را مشاهده نمائید این روش برپایه کار با css ها بنا نهاده شده است : [TABLE="width: 1"] [TR="bgcolor: #1741e7"] [TD="align: center"]انتخاب گر[/TD] [TD="align: center"]مثال[/TD] [TD="align: center"]شرح مثال[/TD] [/TR] [TR] [TD="align: center"].class[/TD] [TD]. intro[/TD] [TD]هر عنصری که از کلاس intro استفاده می کند در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"]#id[/TD] [TD]# firstname[/TD] [TD]هر عنصری که از id برابر firstname استفاده می کند در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"]*[/TD] [TD]*[/TD] [TD]تمام تگ ها را در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"]element[/TD] [TD]p[/TD] [TD]تمام تگ های p را در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"]element,element[/TD] [TD]Div , p[/TD] [TD]تمام تگ های div , p را در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"]element element[/TD] [TD]div p[/TD] [TD]تمام تگ های p داخل تمام تگ هایdiv را در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"]element>element[/TD] [TD]Div > p[/TD] [TD]تمام تگ های p که والد آنها تگ div است در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"]element+element[/TD] [TD]Div + p[/TD] [TD]تمام تگ های p که بلافاصله بعد از تگ div قرار دارند در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"][attribute][/TD] [TD][ target][/TD] [TD]تمام تگ هایی که از صفت مثلا target استفاده کرده اند در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"][attribute=value][/TD] [TD][ target =_blank][/TD] [TD]تمام تگ هایی که صفت target انها برابر _blank است در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"][attribute~=value][/TD] [TD][ title~=flower][/TD] [TD]تمام تگ هایی که در مقدار صفت title انها کلمه flower وجود دارد در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"][attribute|=value][/TD] [TD][ lang|=en][/TD] [TD]تمام تگ هایی را که مقدار صفت lang آنها با عبارت en شروع می شود در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"]: link[/TD] [TD]A : link[/TD] [TD]تمام پیوندهای دیده نشده را در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"]: visited[/TD] [TD]A : visited[/TD] [TD]تمام پیوندهای مشاهده شده را در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"]: active[/TD] [TD]A : active[/TD] [TD]تمام پیوندهای فعال را در نظر می گیرد ( وقتی ماوس خود را فشرده روی پیوند نگه داشته اید )[/TD] [/TR] [TR] [TD="align: center"]: hover[/TD] [TD]A : hover[/TD] [TD]تمام پیوندها را وقتی ماوس روی آنها قرار می گیرد در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"]: focus[/TD] [TD]input: focus[/TD] [TD]زمانیکه تگ input ما فاکوس را در اختیار دارد[/TD] [/TR] [TR] [TD="align: center"]: first-letter[/TD] [TD]p: first-letter[/TD] [TD]اولین حرف از هر تگ p را در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"]: first-line[/TD] [TD]p: first-line[/TD] [TD]اولین خط از تگ p را در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"]: first-child[/TD] [TD]p: first-child[/TD] [TD]هر تگ p که اولین تگ در تگ والد خود است را در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"]: before[/TD] [TD]p: before[/TD] [TD]قبل از محتوای هر p محتوایی را اضافه می کند[/TD] [/TR] [TR] [TD="align: center"]: after[/TD] [TD]p: after[/TD] [TD]قبل از محتوای تگ p محتوایی را اضافه می کند[/TD] [/TR] [TR] [TD="align: center"]: lang(language)[/TD] [TD]p: lang(it)[/TD] [TD]هر تگ p که مقدار ویژگی lang آن با عبارت it شروع شده است را انتخاب می کند[/TD] [/TR] [TR] [TD="align: center"]element1~element2[/TD] [TD]p~ ul[/TD] [TD]هر تگ ul که بوسیله تگ p اولویت بالاتری پیدا کرده است انتخاب می کند[/TD] [/TR] [TR] [TD="align: center"][attribute^=value][/TD] [TD]A [src^="https"][/TD] [TD]هر تگ a که ویژگی src آن با https شروع می شود در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"][attribute$=value][/TD] [TD]a[src$ =".pdf"][/TD] [TD]هر تگ a که ویژگی src ان با عبارت .pdf تمام می شود در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"][attribute*=value][/TD] [TD]a[src * ="www.pars-soft.ir"][/TD] [TD]هر تگ a که ویزگی Src ان شامل عبارت طراحی سایت | طراحی وب سایت | شرکت طراحی سایت است در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"]: first-of-type[/TD] [TD]p: first-of-type[/TD] [TD]هر تگ p که اولین تگ p در مجموعه ای باشد که در ان قرار گرفته اند را انتخاب می کند[/TD] [/TR] [TR] [TD="align: center"]: last-of-type[/TD] [TD]p: last-of-type[/TD] [TD]هر تگ p که اخرین تگ p در مجموعه ای باشد که در ان قرار گرفته اند را انتخاب می کند[/TD] [/TR] [TR] [TD="align: center"]: only-of-type[/TD] [TD]p: only-of-type[/TD] [TD]هر تگ p که تنها تگ p در مجموعه ای باشد که در ان قرار گرفته اند را انتخاب می کند[/TD] [/TR] [TR] [TD="align: center"]: only-child[/TD] [TD]p: only-child[/TD] [TD]هر تگ p که تنها تگ تگ موجود در مجموعه ای باشد که در ان قرار گرفته است را انتخاب می کند[/TD] [/TR] [TR] [TD="align: center"]: nth-child(n)[/TD] [TD]p: nth-child(2)[/TD] [TD]هر تگ p که دومین تگ در مجموعه ای باشد که در ان قرار گرفته اند را انتخاب می کند[/TD] [/TR] [TR] [TD="align: center"]: nth-last-child(n)[/TD] [TD]p: nth-last-child(2)[/TD] [TD]هر تگ p که از اخر ، دومین تگ در مجموعه ای باشد که در ان قرار گرفته اند را انتخاب می کند[/TD] [/TR] [TR] [TD="align: center"]: nth-of-type(n)[/TD] [TD]p: nth-of-type(2)[/TD] [TD]هر تگ p که دومین تگp بین تگ های p در مجموعه ای باشد که در ان قرار گرفته اند را انتخاب می کند[/TD] [/TR] [TR] [TD="align: center"]: nth-last-of-type(n)[/TD] [TD]p: nth-last-of-type(2)[/TD] [TD]هر تگ p که از آخر ، دومین تگp بین تگ های p در مجموعه ای باشد که در ان قرار گرفته اند را انتخاب می کند[/TD] [/TR] [TR] [TD="align: center"]: last-child[/TD] [TD]p: last-child[/TD] [TD]هر تگ p که اخرین فرزند در مجموعه باشد که در ان قرار گرفته است[/TD] [/TR] [TR] [TD="align: center"]: root[/TD] [TD]: root[/TD] [TD]عنصر ریشه شی document را انتخاب می کند[/TD] [/TR] [TR] [TD="align: center"]: empty[/TD] [TD]p: empty[/TD] [TD]هر تگ p خالی حتی بدون متن را در نظر می گیرد[/TD] [/TR] [TR] [TD="align: center"]: target[/TD] [TD]#news: target[/TD] [TD]لنگرهایی با نام news را انتخاب می کند[/TD] [/TR] [TR] [TD="align: center"]: enabled[/TD] [TD]input: enabled[/TD] [TD]هر تگ input فعال را انتخاب می کند[/TD] [/TR] [TR] [TD="align: center"]: disabled[/TD] [TD]input: disabled[/TD] [TD]هر تگ input غیر فعال را انتخاب می کند [/TD] [/TR] [TR] [TD="align: center"]: checked[/TD] [TD]input: checked[/TD] [TD]هر تگ input انتخاب شده را انتخاب می کند در مورد لیستهای انتخاب radio , checkbox[/TD] [/TR] [TR] [TD="align: center"]: not(selector)[/TD] [TD]: not(p)[/TD] [TD]هر تگ دیگری به جز تگ های p را انتخاب می کند[/TD] [/TR] [TR] [TD="align: center"]: : selection[/TD] [TD]: : selection[/TD] [TD]قسمتی از یک عنصر را که توسط کاربر انتخاب شده استرا در نظر می گیرد[/TD] [/TR] [/TABLE]
