finesoul: (Default)
finesoul ([personal profile] finesoul) wrote2010-11-12 10:42 am

jQuery and CSS basics / Основы jQuery и CSS


jQuery Tutorials for beginners (in English)
Руководство по jQuery для начинающих (на русском)

Как же все-таки работает jQuery?/ How does jQuery work?




Как получить элемент с помощью jQuery? / How to get element using JQuery?
Для того чтобы понимать как работает селектор Вам все-же необходимы базовые знания CSS, т.к. именно от принципов CSS отталкивается селектор jQuery:

  • $(“#header”) – получение элемента с id=”header”
  • $(“h3″) – получить все <h3> элементы
  • $(“div#content .photo”) – получить все элементы с классом =”photo” которые находятся в элементе div с id=”content”
  • $(“ul li”) – получить все <li> элементы из списка <ul>
  • $(“ul li:first”) – получить только первый элемент <li> из писка <ul>



One must know CSS basics in order to understand how selector works. It's because the same principles are used for jQuery selectors.

  • $("#header") = get the element with id="header"
  • $("h3") = get all <h3> element
  • $("div#content .photo") = get all element with class="photo" nested in the <div id="content">
  • $("ul li") = get all <li> element nested in all <ul>
  • $("ul li:first") = get only the first <li> element of the <ul>



http://www.w3schools.com/css/default.asp

[identity profile] main-framer.livejournal.com 2010-11-12 10:54 pm (UTC)(link)
Спасибо.
Стащил себе.