Авторский знак. 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


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

Функции attr() и removeAttr().

Библиотека jQuery содержит функции общего назначения для работы с атрибутами HTML. Функция attr() читает указанный атрибут HTML тега, то есть функции attr() принимает доступ к свойству первого совпавшего элемента и используя данный метод attr() можно запросто получить значение свойства первого совпавшего элемента. Если выбранный Вами элемент не имеет указанного атрибута, то возвращается значение undefined (не определено) или не найдено, какхотите. Атрибутами функции attr() являются некоторыми из таких title, alt, src, href, width, style и могут быть и другие атрибуты.

Заметьте, что функция attr() принимает значение атрибута только для первого элемента в выборке элементов документа страницы сайта. Если желаете получить значения для каждого элемента, Вы должны написать на цикл или просто применить к ней методы поиска: как функция each(), можно и функцию map().

Напоминаю, что функция или, как хотите метод, attr() возвращает undefined для атрибутов, которые не указаны, то есть просто не нашла. И функцию attr() не рекомендуют использовать на обычные объекты, массивы, окно или документ. Для таких случаев применяйте и изменяйте свойства элементов выборки документа на странице сайта, используя функцию prop().

Какую выгоду дает Вам применение функции attr() для получения значений? Вот, посмотрите:

Во-первых, довольно удобно: функции attr() вызывается напрямую на объект jQuery и непосредственно связана с другими методами ( как помните, через точку) jQuery.

Во-вторых, что немаловажно - кроссбраузерная совместимость: значения некоторых атрибутов, передаются непоследовательно во всех браузерах, и даже в версиях одного браузера, но функция attr() сокращает такие непоследовательности и если Вы пытаетесь получить значение атрибута, которое не определенно, функция attr() возвращает значение undefined.

Допустим надо определить графический файл с тегом < img> и id="nav" , тогда пишем следующий код программы:

  
                       var картинка = $('#nav img').attr('src');

Тогда функция attr() определяет значение атрибута, установленное в HTML. Этот код возвращает свойство src для первого тега < img> внутри другого тега с id="nav", так что переменная картинка будет содержать путь к изображению:

  
                       'images/nav.gif' или 'http://seosait21.ru/images/nav.gif'.

При передаче имени атрибута функции attr() все равно как писать href, HREF или HrEf.

Передавая второй аргумент функции attr(), можно установить атрибут тега. Например, чтобы перейти к иному изображению, измените свойство src тега < img> следующим образом:

 
                       $('#nav img').attr('src','images/new_image.gif');

Теперь немного поговорим о функции удаления removeAttr(), то есть для полного удаления атрибута тега надо использовать функцию removeAttr().

Пусть требуется удалить свойство bgColor из тега < table>, тогда пишем код программы для удаления данного свойства bgColor:

 
                       $(table').removeAttr('bgColor');

И в таблице не останется свойства bgColor.

Вот, несколько примеров с применением функции удаления removeAttr():

 
                       $("div").removeAttr("id")//идентификаторы у всех div-элементов удаляться.
                       
                       $("div").removeAttr("class")// у всех div-элементов исчезнет класс.
                       
                       $(".bank").removeAttr("title")// подсказки у всех элементов с классом .bank исчезнут.
                        
                       $("p.bank").removeAttr("title")//подсказки во всех абзацах с классом .bank удаляться.

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
... ... ...

    назад    дальше     вперед

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