Главная страница | Контакты | Случайная страница Автомобили Астрономия Биология География Дом и сад Другие языки Другое Информатика История Культура Литература Логика Математика Медицина Металлургия Механика Образование Охрана труда Педагогика Политика Право Психология Религия Риторика Социология Спорт Строительство Технология Туризм Физика Философия Финансы Химия Черчение Экология Экономика Электроника

Callback-функции;

Обратный вызов (callBack) – это функция, которая размещается как аргумент для другой функции и запускается после того как её ‘родительская’ функция будет выполнена.

Вызов функции без аргумента:

$.get('myhtmlpage.html', myCallBack);

Вызов функции с аргументами:

$.get('myhtmlpage.html',

function(){

MyCallBack(param1, param2);

});

<button id="showr">Показать</button>

<button id="hidr">Скрыть</button>

<div>1</div>

<div>2</div>

<div>3</div>

<div>4</div>

$("#showr").click(function() {

$("div:first").show("fast", function showNext() { $(this).next("div")

.show("fast", showNext);

});

});

$("#hidr").click(function() {

$("div").hide(1000);

});

44. jQuery. Операции с контентом

jQuery – фреймворк, предназначенный для упрощения работы с Javascript. jQuery представляет собой специальную библиотеку javascript-функций, предназначенных для выполнения различных задач на стороне клиента.

Сайт: jquery.com

Операции с контентом. Классы

Набор методов, позволяющих включать/выключать классы, выполнять проверку.

.addClass() /.removeClass() – добавляет/удаляет класс;

.hasClass() – проверка наличия класса;

.toggleClass() – переключение класса.

Примеры

$("p").removeClass ("Class0"). addClass("Class1 Class2");

$("ul li").addClass(function(index) {

return "item-" + index;

});

Операции с контентом. Вставка

.append() /.prepend() – вставить контент в конец/начало элемента;

.appendTo() /.prependTo() – вставить контент в конец/начало указанного блока;

.html() – получить/заменить содержимое первого/всех элемента(ов) (включая разметку);

.text() – получить/заменить содержимое всех элементов;

.after() /.before() –вставить контент после/до каждого элемента;

.insertAfter() /.insertBefore() –вставить контент после/до каждого элемента;

Примеры

<p>Тесты</p>

<ul>

<li>Номер 1</li>

<li>Номер 2</li>

<li>Номер 3</li>

</ul>

$("<li>Номер 4</li>").appendTo("ul");

$("p").append($("ul li").text()); $("li").prepend("новый ");

$("p").insertAfter($("ul"));

$("<div>Новый элемент</div>").insertBefore($("ul"));

$("p").after("<span>Строка</span>");

Операции с контентом. Удаление

.remove() – удаление набора элементов;

.empty() – удаление дочернего набора элементов.

Примеры

<div><span>Текст на удаление</span>, <strong> полностью</strong></div>

$("div").empty();

$("div").remove();