Изберете един или друг елемент е много проста през JQuery. Помислете за някои от най-търсените случаи:
Това е съвсем проста - използвайте знака $.
Т.е. $ ( "Избрани"). За да изберете всички divs на тази страница, е необходимо да се регистрирате $ ( "Разделение").
$ ( "# Header") - за получаване на елемент с идентификатор = "глава"
$ ( "H3") - да получите всички
елементи
$ ( "# Div съдържание .photo") - получавате всички елементи с клас = "снимка", които са в DIV елемент с идентификатор = "съдържание"
$ ( "Ул Ли") - да получите всички
- от списъка
- Вземи назначи CSS стил в JQuery
- Popup календар JQuery, което добавя датата на вход
- Изберете списъци на ул Ли елементи със снимки
- Как да направите активен елемент от менюто чрез JQuery
$ ( "Div р # нещо") // избира всички раздела за връзки с идентификатор "нещо" и DIV родител.Избирането на елементи чрез ID
$ ( "# MyId '); // трябва да е уникална в страницата
Избирането на елементи от името на класа
$ ( "Div.myClass '); // представяне ще бъде по-висока, ако посочите друг вид елемент
Избирането на елементи от атрибут
$ ( "Въвеждане [име = first_name]); // имайте предвид, че тази извадка може да бъде дълго
$ ( "# Съдържание ul.people ли '); // Изберете елементи чрез съставно селекторПсевдо-селектори
$ ( "A.external: първо ');
$ ( "Tr: нечетен ');
$ ( "# MyForm: вход"); // изберете всички входно-а под формата на
$ ( "Div: видима ');
$ ( "Div: GT (2)"); // всички, но първите три DIV-а
$ ( "Div: анимирани '); // всички анимирани DIV-SИзбирането на атрибутите селектори
Вземане на проби от атрибути трябва да се използва само в краен случай, тъй като те може да отнеме много време. Ако е възможно, направете проба за ID, името на класа или табелка с името.
// намира всички елементи от типа , чийто относителен атрибут завършва в "thinger"
$ ( "А [относителен $ = 'thinger']");Как мога да разбера дали пробата не е празна?
Необходимо е да се провери дължина имота, който показва колко елемента са били избрани.
ако ($ ( "div.foo"). дължина) // пример на условия на не-празна пробасъхранение на проби
Пробата може да се съхранява в променлива.
Var $ divs = $ ( "Разделение");Понякога пробата съдържа повече елементи, отколкото наистина се нуждаят. Това JQuery ви предоставя няколко начина, за да прецизирате избора си.
// примерни изясни примери
$ ( "Div.foo ') има (" P ") .; // елементи div.foo, които съдържат елементи
$ ( "H1") не ( "бар".) .; // елементи h1, които не разполагат с клас бар
$ ( "Ул Li) филтър (" ток. ") .; // неподреден списък с текущия клас
$ ( "Ул Ли") първи () .; // първия елемент на неподреден списък
$ ( "Ул Li) екв (5) .; // шестияПроби от Форма елементи
JQuery предлага няколко псевдо-селектори, които ви позволяват да намерите елементи във формата. Тези селектори са особено полезни, тъй като е трудно да се определят елементите на формата на техните условия или при използване на стандартни CSS селектори.
бутон избира елементи
. $ ( «Форма изберете [име = град] опция: избрано») Вал (); // получите избрани (-s) елементи в град Selecta
$ ( «Форма: радио [име = син]: проверени») Вал () ;. // получите избрания radiobatona стойност с името на сина
$ ( «Форма: отметка: проверени»); // всички избрани отметки// пример за използване на псевдо-селектори за форма
$ ( "# MyForm: вход"); // получите всички елементи на входавиж също
$ ( "Ул Ли: първо") - получава само първия елемент