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 Selectors сыйкыр сыяктуу иштейт. Алар сизге HTML элементтерин заматта тандоого жана башкарууга мүмкүнчүлүк берет жана негизинен элементтерди аталыштарына, IDлерине, түрлөрүнө, класстарына, маанилерине жана атрибуттарына таянуу же тандоо үчүн колдонулат. Бардык jQuery селекторлору доллар белгиси жана кашаалардан башталат: $ () жана алардын өзгөчө белгилери бар.

1. jQuery негизги тандоочулары:

Негизги jQuery селекторлорунун жардамы менен, веб-баракчанын элементтерин ID $ ("# id"), $ (". Класс") жана $ ("li") белгилерин колдонуп оңой тандай аласыз. Сиз каалаган натыйжаларды алуу үчүн аларды бириктирип же өзүнчө колдонсоңуз болот. Курама jQuery селекторлору $ сыяктуу көрүнөт ("selector1, selector2, selector3").

2. Индекске негизделген jQuery селекторлору:

Эгерде сиз jQuery негизги селекторлорунан керектүү натыйжаларды албасаңыз, анда индекстерге негизделген селекторлорду тандасаңыз болот. jQuery индекси негизделген индексациялоону колдонгон индекстерге негизделген селекторлордун топтому менен белгилүү. Башкача айтканда, үчүнчү элементти тандоо үчүн, 2 индекси колдонушуңуз керек. Индекске негизделген jQuery селекторлорунун эң популярдуу түрлөрү eq (n) селектор, ал (n) селектор, gt (n) селектор, акыркы селектор, биринчиси селектор, жада калса селектор жана тақ так селектор.

3. Child jQuery селекторлору:

jQuery белгилүү бир элементтин балдарын алардын түрүнө же индекси боюнча тандоого мүмкүнчүлүк берет. Мисалы, CSSтин балдарды тандап алуучулары башка балдарды тандап алуучулардан кыйла айырмаланып, веб индекстөө өзгөчөлүктөрүнө ээ.

4. Attribute jQuery селекторлору:

JQuery атрибутун тандап алуучулардын жардамы менен сиз элементтерди алардын баалуулуктары жана атрибуттары боюнча оңой тандай аласыз. Бул селекторлор менен иштөөдө, алар бир нече боштукка бөлүнгөн маанилерди бир сап катары эсептей тургандыгын эсибизден чыгарбашыбыз керек. Мисалы, $ ("a [rel = 'nofollow']") $ ("a [rel = 'nofollow' '") дал келбейт.

5. Мазмун jQuery селекторлору:

Мазмун тандоочулар веб-мазмунга жана HTML элементтерине негизделген. Алар төрт түргө бөлүнүп, веб-баракчанын мазмунун кантип индекстөө же структуралаштыруу керектигин көрсөтүшөт. Алар текст же сүрөт түрүндө келип, алардын өзгөчөлүктөрүнө ээ.