Неге біз мұқтажбыз және JQuery-ауыстырғышты жазуға қалай?

Қазіргі заманғы веб-дизайнер меңгеруге тиіс ғана емес, HTML, негіздерін CSS және JavaScript, сонымен қатар HTML-құжаттармен JavaScript өзара іс-қимыл назар аударады JQuery кітапхана, жұмыс істеуге қабілетті болуы. ол кез келген элементі DOM (мазмұны HTML-файлдарға қол жеткізуді қамтамасыз етеді қолданбалы бағдарламалық интерфейс) жылдам қол мүмкіндік береді және оларды айлалы екенін. кітапхана негізгі құрылымдық бөлімшелері командамыз. немесе басқа бір команданы қолдану үшін, сіз JQuery-ауыстырғышты қажет.

JQuery кітапханада Формула селекторы

JQuery жылы селекторы CSS пайдалану негізінде. Олар оларды (команда) манипуляциялау осы немесе басқа әдістерді тудыруы оларды пайдалану, элементтер HTML-файлды таңдау үшін қажет. Іздеу селекторлық $ () функциясы арқылы жүзеге асырылады. Мысалы, $ ( 'DIV).

селекторы элементтердің қалай таңдау қарай жіктеуге болады:

• негізгі;
• төлсипаты арқылы;
• иерархиясы;
• мазмұны;
• жағдай туралы;
• нысаны өріс таңдау;
• басқалары.

негізгі селекторы

осы кітапхананы пайдалану кезінде жағдайларда 90% негізгі топқа жататын JQuery-ауыстырғышты пайдаланылады. Олардың барлығы өте қарапайым және түсінікті. АҚШ-тың, олардың әрқайсысы қарастырайық:

• * - басы, денесі, т.б. қоса алғанда, барлық бет элементтерін, таңдайды;.
• P / DIV / Бүйір / ... - (... және т.б. p.div, бүйірлік тақтада, яғни) алдын ала белгіленген тегіне қатысты барлық элементтері таңдайды;
• .myClass / p.myClass - көрсетілген сынып атпен элементтерін таңдайды;
• # MyID / P # myID -. Берілген ID кез келген бір элементті таңдайды.

Мұнда мысал. ның біз төмендегідей болады номиналды класс енуіне беттегі барлық элементтерді таңдау үшін керек делік: (. PAR) $. Бұл сыныпта ғана P элементтері Қажет болса, онда жазу: $ (p.par).

атрибут селекторы

Біз кез келген класс бар ID тиесілі элементті таңдау немесе беттегі барлық элементтерді таңдау қажет, егер сіз, JQuery негізгі-ауыстырғышты пайдалана аласыз. Алайда, іс элемент жоқ сыныбын немесе идентификаторы бар кезде бар. Бұл үшін болып табылады және төлсипаты арқылы таңдаулар бар. Олар сіз кейбір таңдау жасауға мүмкіндік беретін HTML-элементтер, төлсипат мұндай HREF немесе ҒЗО ретінде. Бұл төлсипат жазылған шаршы жақшаларда [].

қарапайым мысал: $ ([SRC]) - бастапқы атрибутын бар барлық элементтерді таңдайды. $ ([SRC = 'HTTP: // сайт / мақала / 132222 / мән']) Бұл белгілі бір атрибут мәні көрсете отырып үлгісі тарылту болады.

Сіз таңдау өрісін тарылту келсе кейбір JQuery селекторы пайдалануға болады. Мысалы, $ (P [түс = көк] [мөлшері = 12]) - көк түс және 12 мөлшері бар элементтерді ғана р, таңдалған.

селекторов мазмұны

төлсипаттарды немесе негізгі селекторов негізделген элементтерді таңдау мүмкін емес, егер бұл жағдайда, сіз олардың мазмұнына қараңыз тиіс. Барлығы осы түріне 4 селекторлық бар:

• : Құрамында - көрсетілген мәтіні бар элементтерді таңдайды;
• : Бар - желісі тән басқа да элементтері бар элементтерді таңдайды;
• : Ата-аналар - кез келген басқа құрамында элементтері таңдайды;
• : Бос - кез келген басқа құрамында емес, элементтерін таңдайды.

Мұнда мысал. Сәлеметсіз бе мәтіні бар барлық элементтері DIV, таңдау үшін, сіз $ (:) ( 'Hello' құрамында DIV) жазу керек.

селекторов иерархиясы

JQuery элементтерді таңдау үшін тағы бір жолы, атап айтқанда, бар - олардың иерархиясы бойынша (яғни, HTML-беттегі бір-бірімен қатынасы болып табылады). Олардың көп, сондықтан біз ең танымал, «бала» екі ұсынады және «ұрпағы».

Бірінші жағдайда элементтері берілген элементі (ата-баба) тікелей ұрпақтары (балаларды) болып табылатын, таңдалған. $ (UL # Nav> li.light): Мысалы, бала Nav тізімі жарық сыныпта тізімнің элементтерін таңдау үшін, содан кейін сіз жазу керек.

Екінші жағдайда - жалпы астам. элементі ұрпақтары бар таңдалған және жанама болуы мүмкін. Мысалы, тізім NAV ішінде сілтемелер таңдау үшін белгілеу: $ (UL # Nav а).

Осылайша, JQuery элементтердің мұндай HTML-құжат элементтерінің класы, ID, атрибуттары, мазмұн немесе иерархия ретінде параметрлерін пайдалану арқылы түрлі жолдармен таңдауға болады.