Студопедия  
Главная страница | Контакты | Случайная страница

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

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();


Дата добавления: 2015-02-16; просмотров: 7 | Нарушение авторских прав




lektsii.net - Лекции.Нет - 2014-2022 год. (0.008 сек.) Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав