Шпаргалка по атрибутам для работы с jQuery.


Набор атрибутов для изменения содержимого элементов DOM с помощью jQuery. Этот набор позволяет производить манипуляции в том числе с классами и содержимым объектов, добавление или изменение элементов текста.

Хорошо подходит для реализации разных элементов управления или работы с формами, когда необходимо вслед за выбором определенного пункта автоматически изменить элемент или вывести результат на странице без перезагрузки.


Работа с классами:


.addClass(класс) – Добавляет указанные классы к каждому элементу.
//Добавим элементу <div> класс 'red'
$('div').addClass('red');

.removeClass(класс) – Удаляет все или указанные классы к каждому элементу.
//Удаляем класс 'red' для элементов <div>
$('div').removeClass('red');

.toggleClass(класс) – Удаляет указанный класс если элемент уже обладает им и добавляет если элемент им не обладает
//Удаляем класс 'red' для элементов <div> 
$('div').toggleClass('red');

HTML:


.html(значение) – Добавляет код HTML для заданного элемента. Для документов XML использовать нельзя.
//Добавляем и если есть то заменяем код HTML для всех элементов <div> 
$("div").html("<strong>Hello</strong>");

.append(значение) - Добавляет содержимое в конец элементов.
//Добавляем содержимоге в конец элементов <div> 
$("div").append("<div>new Hello</div>");

Значение:


.val(значение) – Устанавливает значение value для каждого указанного элемента, можно отмечать значения или делать выбор в элементах select, radio, checkbox.
//Задаем значение «hello» в value элементов input
$("input").val('hello');


Сохранил себе на память что бы долго не искать.

#jQuery

Copyright © 2013-2017