Манипулиране на атрибутите на елементите в JQuery

Този урок е посветен на четене и промяна на атрибутите на елемента в JQuery.

Атрибути - двойка име / стойност, която се определя на елементи в тага. Примери на атрибути (HREF заглавието SRC клас ...):

• ATTR (), за да се чете, да добавяте или променяте атрибутите
• removeAttr () за отстраняване на атрибути

В този урок се разглоби работа с методи ATTR () и removeAttr ().

За да работите с CSS класове, има специални методи JQuery, които са описани в друг урок. Когато се работи по проект, в JQuery е необходимо много често манипулират CSS класове и атрибута клас може да има няколко имена на класове, което го прави по-трудно да се работи с тях, в сравнение с други атрибути.

Четем стойността на атрибута

Четене на стойността на атрибута елемент е проста. Необходимо е само да се обадя метод ATTR () на обекта, JQuery, който съдържа елемент, което му придава името на атрибута за четене. Методът връща стойността на атрибут:

Ако вашият JQuery обект съдържа няколко елемента, ATTR () метод прочита стойностите на атрибутите само за първия елемент в пакета.

Определете стойностите на атрибутите

метод ATTR () може да се използва, за да добавяте или променяте стойностите на атрибутите:

Има три начина за използване на ATTR () метод, за да добавяте или променяте атрибутите:

1. Възможно е да се добави / промени атрибутите за всеки елемент (или набор от елементи).
2. Възможно е да се добавя / променя някои атрибути директно за елемента (или елементи) чрез имената и стойностите на референтния карти атрибут.
3. Можете да добавите динамично / промяна единица атрибут на няколко елемента чрез функция за обратно повикване.

Определете един атрибут

За да зададете или промените атрибута на елемента, който искате метод ATTR (), за да се обадя с името на атрибута и стойност. Например:

Можете също така да зададете една и съща атрибут към няколко елемента:

Инсталирайте няколко атрибута, използвайки картата

Можете да настроите няколко атрибута в същото време за един или повече елементи с картата. Това е списък на име / стойност двойки, което е, както следва:

Следващият пример поставя две атрибути за IMG елемент в същото време:

Също така можете да зададете атрибути на няколко елемента:

Зададохме атрибутите с помощта на функция за обратно извикване

Вместо да се предава стойностите на атрибутите на ATTR на метод (). можете да предадете на името на функция за обратно повикване. Така че е възможно да се динамично определя стойностите на атрибутите на множество членове, съгласно съществуващата стойност атрибут на елемент позиция или други свойства.

Функцията за обратно повикване трябва да вземе два аргумента:

• Позицията на индекс на текущия елемент в комплекта (започвайки от нула)
• старата стойността на атрибута за текущо избрания елемент

върнатата стойност на функцията се използва за заместител на стойността на атрибут.

В допълнение към текущата позиция на стойностите на елементите и атрибутите на старата си функция може да получи достъп до елемента помощта на ключовата дума това. По този начин е възможно да се достъп до всеки имот или метод елемент на функцията обаждане.

Примерът използва функция на обаждане, за да добавите н атрибут за всяко изображение на страницата, въз основа на позицията на изображението и неговото атрибут SRC.

След изпълнение на кода, първото изображение ще има н атрибут със стойност "Фигура 1: myphoto.jpg". и второто изображение е н атрибут със стойност "Фигура 2: yourphoto.jpg".

Изтриването на атрибут

За да премахнете атрибут на елемента, който искате да се обадите метод removeAttr (). преминаване в името на атрибута да премахнете. Например:

Можете също така да се обадите (метод removeAttr) към обекта JQuery, който съдържа няколко елемента. removeAttr () метод премахва определен атрибут от всички елементи:

В този урок ние обсъди въпроси, свързани с атрибутите на елементите в JQuery:

• Четене на стойностите на атрибутите
• Инсталиране на един атрибут
• Монтаж на няколко различни атрибути едновременно
• Използване на функция за обратно извикване за динамично определя стойностите на атрибутите на елементите в комплекта
• Премахване на атрибутите на елемента

5 урока последната колона "JQuery"

Днес бихме искали да ви разкажа за TypeIt библиотека - безплатно JQuery плъгин. Можете да го използвате, за да се симулира пишете. Ако всичко е настроен правилно, то е много реалистичен ефект може да се постигне.

JQuery плъгин за създаване на график.

JQuery плъгин за създаване на диаграма на Гант.

Един пример за това как да се приложи изтегления файл чрез PHP и JQuery Аякс.

postaltomsk

Страхотно, благодаря ти! =) Особено за възвратен функция.

JQuery проблем конфликт намерен със стандартните Joomla MooTools. Ако Mootools е изключен, на снимката в операта - с правилния размер. Mootools нужда, не може да се изключи. Кои атрибут да се регистрират, така че изображенията се показват правилно? Благодаря.

luchsche от обикновена замяна кодекс на JQuery небе тема точно същия. Снимайте, stolkozhe букви и думи, за да привличат като всеки тип HTML редактор Dreamweaver. vchem смисъл, простотата или сложност?

[B] Nevrex [/ б] Това вече е направено! Но Opera и IE, и без тази работа. Друг проблем: само в Firefox - JQuery скриптове не работят в десния и левия колоните на три колони DIV-Nogo шаблон (в централната работата) - как да го преодолее, за да го завърши в код (сценария?)? Благодаря.

Bugaev Сергей Дмитриев

И как да се научите с помощта на JQuery, това, което има всички атрибути на даден елемент?

До получаване на информация от два канала (зрение и слух) на ефективността на обучението далеч по-добър живот от книги. А домашните задачи и онлайн тестове ще ви позволи да мисля постоянно в целевия език и веднага провери знанията си!

Ако искате по-дълго време, за да проучи как да се HTML, че ме има, за което трябва добра новина!

Ако вече сте се научили HTML и искат да се движи напред, следващата стъпка ще бъде да се проучи CSS технологията.

Ако искате да се разбере концепцията на домейн и хостинг, да научат как да се създаде база данни, да качвате файлове към уеб сайт чрез FTP сървър, създаване на поддомейни, да конфигурирате пощенските кутии за сайта и мониторинг на посещаемостта, този курс е разработен специално за вас!