Semalt: jQuery деген не? 5 танымал элемент таңдаушыларына шолу!

jQuery - HTML-дің клиенттік сценарийін жеңілдетуге арналған кросс-платформалы JavaScript кітапханасы. Бұл ең көп орналастырылған JavaScript кітапханаларының бірі. Ол веб-құжаттар бойынша шарлауға, анимацияларды жасауға, DOM элементтерін таңдауға және Ajax қосымшаларын жасауға арналған. jQuery әзірлеушілер мен бағдарламашыларға әртүрлі веб-скреперлерді, қосымшалар мен плагиндер жасауға көмектеседі. Сонымен қатар, бұл оларға төменгі деңгейдегі анимация мен өзара әрекеттестік, тақырыптар мен виджеттер үшін абстракция жасауға мүмкіндік береді.

JQuery-дің ең ерекшелігі - DOM элементтерін таңдау және термоядролық алгоритмдер. Microsoft және Nokia jQuery жиынтығын өз платформаларында; Microsoft корпорациясы оны Visual Studio, ASP.NET MVC және ASP.NET AJAX құрамына қосқан, ал Nokia jQuery-ді өзінің Run-Time виджетін жасау платформаларына біріктірген.

JQuery селекторларына жалпы шолу:

jQuery JavaScript кітапханасы көбінесе веб-беттің мазмұнын және HTML элементтерін алу немесе өзгерту үшін қолданылады. Бұл анимация сияқты эффектілерді қолдану, жасыру және көрсету, әдемі және көз тартарлық веб-сайттар жасау үшін кеңінен қолданылады. Кәдімгі JavaScript тәсілімен немесе басқа әдіспен элементтерді таңдау өте ауыр болуы мүмкін, бірақ jQuery селекторлары сиқыр сияқты жұмыс істейді. Олар сізге HTML элементтерін лезде таңдауға және басқаруға мүмкіндік береді және көбінесе олардың аттарын, идентификаторларын, түрлерін, сыныптарын, мәндері мен төлсипаттарына негізделген элементтерді табу немесе таңдау үшін қолданылады. Барлық jQuery таңдағыштары доллар белгісінен және жақшадан басталатындығын есте ұстаған жөн: $ () және олардың өзіндік ерекшеліктері бар.

1. jQuery негізгі таңдауыштары:

Негізгі jQuery таңдаушыларының көмегімен веб-беттің идентификаторларын $ («# id»), $ («. Класс») және $ («li») тегтерін пайдаланып оңай таңдауға болады. Қажетті нәтижелерге қол жеткізу үшін оларды біріктіруге немесе жеке пайдалануға болады. Біріктірілген jQuery таңдаушылары $ («selector1, selector2, selector3») сияқты болады.

2. jQuery индексіне негізделген таңдаушылар:

Егер сіз негізгі jQuery селекторларымен қажетті нәтижелерді ала алмасаңыз, индекстерге негізделген таңдаушыларды таңдай аласыз. jQuery өзінің индексаторлық селекторларының жиынтығын ұсынумен танымал, олардың барлығы нөлдік индекстеуді қолданады. Бұл үшінші элементті таңдау үшін 2 индексін пайдалану керек дегенді білдіреді. JQuery индексіне негізделген таңдаушылардың ең танымал түрлері: eq (n) селектор, ол (n) селектор, gt (n) селектор, соңғы селектор, алдымен селектор, тіпті селектор және тақ селектор.

3. Балалар jQuery таңдаушылары:

jQuery белгілі бір элементтің еншілес элементтерін олардың түрлеріне немесе индексіне сүйене отырып таңдауға мүмкіндік береді. Мысалы, CSS балалар таңдаушылары басқа балалар таңдаушыларынан айтарлықтай ерекшеленеді және олардың веб-индекстеуінің өзіндік ерекшеліктеріне ие.

4. Attribute jQuery таңдаушылары:

JQuery атрибутының көмегімен сіз олардың мәндері мен төлсипаттарына негізделген элементтерді оңай таңдай аласыз. Осы селекторлармен жұмыс жасау кезінде олар бірнеше кеңістіктегі бөлінген шамаларды бір жол ретінде қарастыратынын есте ұстаған жөн. Мысалы, $ («a [rel = 'nofollow']») $ сәйкес келмейді («a [rel = 'nofollow other']»).

5. jQuery мазмұнын таңдаушылар:

Мазмұнды таңдау веб-мазмұнға және HTML элементтеріне негізделген. Олар төрт түрлі болады және веб-беттің мазмұнын қалай индекстеу немесе құрылымдау керектігін көрсетеді. Олар мәтіндік немесе кескін түрінде келеді және олардың ерекше белгілері бар.