Май
24
2011

Изучаем jQuery | Урок 1 «Выборка элементов»

У меня появилась идея уроков по jQuery совсем недавно после того как я столкнулся с читателями моего блога которые совсем ничего в jQuery не смыслят и вот первый и очень важный урок.
«Выборка елементов» — для тех кто хорошо знает CSS то это будет легко так как выборка в jQuery ничем не отличается от выборки в CSS.

С самого начала нужно подключить и открыть функцию jQuery смотрим:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

И открываем функцию:

<script type="text/javascript" >
$(document).ready(function{
// здесь мы будем писать код jQuery
});
</script>

1. $(«p») — выделяет все «< p >» элементы соответственно значение можно сделать и $(«b») — что выделяет < b > элементы, $(«h1») — что виделяет < h1 > элементы, $(«table») — выделяет все таблици и т.д.

2. Для примера я буду брать параграф (Р)
Итак нужно выбрать < p class="text" > — для етого пишем $(«p.text») — где .text — это класс.

3. Далее выборка < p id="3" > — здесь тоже очень просто $(«p#3») — где #3 — это id.

4. $(«[href]») — выборка элементов с атрибутом href

5. $(«[href]='1'») — выборка элементов с значением атрибута href = #

6. $(«[src]$='.jpg'») — выборка элементов с конечным значением атрибута src = .jpg.

7. $(«#someid img») — выборка элемента img всередине блока с id="someid".

8. $(«img[width=200]») — выборка картинки с шириной 200.

9. $(«a[href^=http]») — выборка элемента начинающегося с http.

10. $(«img[src*=images]») — выборка всех картинок с словом в src images.

Фильтры

11. $(«ul li:first») — выборка первого li элемента из ul.

12. $(«ul li:last») — выборка последнего li элемента из ul.

13. $(«ul li:even») — выборка парных li элементов из ul.

14. $(«ul li:odd») — выборка непарных li элементов из ul.

15. $(«ul li:not(a)») — выборка li элемента из ul не ссылки.

16. $(«ul li:contains(a)») — выборка li элемента из ul что имеет ссылку.

17. $(«ul li:hidden») — выборка скрытого li элемента из ul.

18. $(«ul li:visibility») — выборка нескрытого li элемента из ul.

Вот на этом все это первый урок пишите комментарии если что-то будет не получатся и т.д.
В следующем уроке я покажу что можно делать с выбранными элементами.

Вам будет интересно прочитать и это:

Об авторе: Петро Бородатий

Создаю веб-сайты, пишу скрипты для популярных CMS, веду блог. Программист портала AdvertsMarket.net.

Оставить комментарий

Услуги

Веб-студия "MKSITE"

Реклама от Google

Социальные сети

Партнеры

Система Orphus