1 Список селекторов в jQuery.

Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28


Чувашия-это моя Россия

Список селекторов в jQuery.

Библиотека jQuery для активного манипулирования( интерактивного воздействия на элементы докуметов) и создания красивых страниц Вашего сайта использует принцип построения селекторов каскадных таблиц стилей CSS. И вот, кроме #id и .class селекторов можно получить более сложные и нужные селекторы.

Селекторы потомков. Если тег p находится в блоке div c id="nav", то селектор имеет вид:

                    $('#nav p')

Если тег a находится в упорядоченном списке ol c id="rees", то селектор примет форму:

              
                    $('#rees a')  и т.д.

Как Вы замечаете все доброе и нужное, все нам привычное плавно со страниц сводов правил и рекомендации каскадных таблиц стилей CSS перешло к нам в язык JQuery, какой большой плюс в изучении и понимании языка jQuery. Вы видите, что селектор CSS - легкий и простой алгоритм , который сообщает браузеру, к какому тегу( элементу) применяется данный стиль CSS.

Вы уже поняли, что основной синтаксис такой:


                     $('селектор')
                     

И называется как объект jQuery и также пишется:


                      jQuery('селектор')
                       
                            то есть
                 
                      $('селектор') === jQuery('селектор')

Изначально специальная команда объект jQuery() была. Так как в таком виде команда выглядела довольно не уклюже, то автором был применен вполне симпатичный символ $ доллара и сейчас так и пишут эту команду объекта jQuery() легко и просто $(). Вот, и все.

Дочерние селекторы при создании бесплатного сайта. Они записываются так:


                      $('table > tr') 
                      
                          или 
                          
                      $('table > td')
                      
                       Другой пример 
                       
                      $('body > div')

Соседние родственные селекторы. Вот данный вид селекторов, например:

                      $('h3 + table') // здесь за заголовком h3 будет
                                      // выбран какая-то таблица table 
                                      // обозначается знаком +. 
                      
                      $('*')          // вернет все элементы на странице
             
                      $('div *')      // вернет все элементы, находящиеся
                                      // внутри div-элементов на странице.
             
                      $('.ror *')     // вернет все элементы, находящиеся 
                                      // внутри элементов с классом ror.

Нас не стараются запутать и уводить в стороны. Вы идете по привычному пути, так как уже давно прошли курсы по CSS, знаете веб-дизайн и его язык оформления страниц Вашего сайта.

Посмотрите и попрактикуйтесь в написании селекторов атрибутов, ну, во всяком случае знайте:


                      $('img[alt]')// находит теги img c атрибутом alt.

                      $('a[href]')// находит теги a c атрибутом href.

                      $('input[type="текст"]')// находит все окна с текстом.
          
                      $('a[href^="http://"]')// находит все ссылки ведущие вне страницы.
            
                      $('div[attributeName]')/* находит  элементы, которые содержат определенный 
                                                атрибут, который не зависит от значения атрибута.*/
             например: 
                      $('input[type="текст"]')

                      $('div[attributeName*="value"]')/* находит  элементы, которые содержат
                                              атрибут,чье значение содержит заданную строку. */
             например: 
                      $('img[alt*="Пусть будет так"]')

            
                      $('div[attributeName!="value"]')/* находит  элементы, которые не содержат
                                           заданного атрибута или содержат заданный атрибут, но его 
                                                                    значение не равно данному. */
             например: 
                      $('a[name!="Пусть будет так"]')

             
                      $('div[attributeName^="value"]')/* находит  элементы, которые содержат 
                                             заданный атрибут, значение которого начинается
                                                                           с заданной строки. */
             например: 
                      $('a[href^="http://"]')


                      $('div[attributeName$="value"]')/* находит элементы, которые содержат
                                               атрибут, значение которого заканчивается 
                                                                             данной строкой. */
              например: 
                      $('img[src$=".gif"]')

                                                
                      $('div[attributeName~="value"]')/* находит элементы, которые содержит 
                                               атрибут, значение которого содержит 
                                                                            заданное слово. */
             например: 
                      $('a[href~="strojsait"]')

То что Вы здесь видите - малая часть того, что используется в библиотеке jQuery при создании сайтов. Список селекторов Вы всегда можете отыскать в поисковиках. Для этого случая имеются многочисленные сайты разного плана. И с примерами написания и программами показа как они выполняются.

Для выбора элементов на странице сайта используют селекторы еще более конкретизированные, еще более адресовннее и суженные, как и в каскадных таблицах стилей CSS.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: