Latest web development tutorials

JQuery установить содержание и свойства

Установите содержание - текст (), HTML () и VAL ()

Мы будем использовать тот же метод, что и в предыдущей главе установлены три элемента:

  • текст () - Устанавливает или возвращает текстовое содержимое выбранного элемента
  • HTML () - Устанавливает или возвращает содержимое выбранного элемента (включая HTML-теги)
  • Вэл () - возвращает значение или поля формы

Следующий пример демонстрирует, как текст (), HTML () и Вэл () метод, чтобы установить содержание:

примеров

$ ( "# Btn1"). Нажмите кнопку (функция () {
$ ( "# Test1") текст ( "Привет, мир!") .;
});
$ ( "# Btn2"). Нажмите кнопку (функция () {
$ ( "# Test2") HTML ( "<B> Привет, мир </ b>!") .;
});
$ ( "# Btn3"). Нажмите кнопку (функция () {
$ ( "# Test3") Вэл ( "w3big") .;
});

Попробуйте »

Текст (), HTML () и Вэл () функция обратного вызова

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

В следующем примере показан текст с обратного вызова () и HTML ():

примеров

$ ( "# Btn1"). Нажмите кнопку (функция () {
$ ( "# Test1"). Текст (функция (я, origText) {
вернуть "старый текст:" + origText + "новый текст: Hello World (индекс :!" + I + ")";
});
});

$ ( "# Btn2"). Нажмите кнопку (функция () {
$ ( "# Test2"). Html (функция (я, origText) {
вернуть "старый HTML:" + origText + "новый HTML: Hello <B> мир </ b> (индекс :!" + я + ")";
});
});

Попробуйте »

Набор атрибутов - атр ()

метод JQuery атр () используется для установки / изменить значение свойства.

В следующем примере показано, как изменить атрибут HREF значение (настройка) ссылка:

примеров

$ ( "Button"). Нажмите кнопку (функция () {
$ ( "# W3big") .attr ( "HREF", "http://www.w3big.com/jquery");
});

Попробуйте »

Метод Attr () также позволяет установить несколько свойств одновременно.

В следующем примере показано, как установить как HREF и название атрибута:

примеров

$ ( "Button"). Нажмите кнопку (функция () {
$ ( "# W3big"). Атр ({
"Href": "http://www.w3big.com/jquery",
"Название": "Jquery Учебное пособие"
});
});

Попробуйте »

Attr () функция обратного вызова

Метод Jquery Attr (), также обеспечивают функцию обратного вызова. Обратный вызов по двум параметрам: выбранного элемента в списке элементов под текущим стандартом, а также исходной (старой) стоимости. Тогда функция возвращает значение, которое вы хотите использовать новую строку.

Следующий пример иллюстрирует с помощью метода функции обратного вызова Attr ():

примеров

$("button").click(function(){
$("#w3big").attr("href", function(i,origValue){
return origValue + "/jquery";
});
});

Попробуйте »