ЈКуери Еффецтс - Топ12 различите врсте метода јКуери ефеката

• Увод у јКуери ефекте

Увод у јКуери ефекте

јКуери је једна од најпопуларнијих јавасцрипт библиотека која је дизајнирана да поједностави ХТМЛ ДОМ, тј. својства модела документа као што су манипулација и кретање кроз стабло. Остале особине као што су руковање догађајима, Ајак и ЦСС анимација су такође поједностављене. То је опен-соурце и бесплатна библиотека која се обично користи у 73% од 10 милиона веб локација које се данас користе. Основне карактеристике јКуери-а укључују селекторе, ДОМ-ове селекторе, манипулацију и пролазак, што рад на јКуери-ју чини лакшим и практичнијим. У овој теми ћемо сазнати о јКуери ефектима.

Користи се за пружање врло једноставног сучеља за прављење различитих врста невероватних ефеката. Ове методе омогућавају брзо коришћење и примену најчешће коришћених функција-ефеката, уз голе и минималне конфигурације. Команда за приказивање и сакривање елемената је у потпуности иста онако како би их очекивали сви. Наредба схов () користи се за приказивање елемената у потпуно замотаном скупу, а за скривање се користи наредба хидри ().

Различите методе јКуери ефекта:

Овдје смо расправљали о неким различитим врстама јКуери ефектних метода

1) Анимате ()

Анимативни метод користи се за извођење прилагођене анимације за скуп ЦСС својстава. Ова метода се користи за промену стања елемента из једног стања у друго заједно са ЦСС стиловима. Вредност својства се мења постепено тако да се може постићи анимирани ефекат. Оно што треба напоменути је да се могу анимирати само нумеричке вредности попут марже: 40пк. С друге стране, вредности за низове не могу се анимирати као што су боја позадине: зелена. Ово поново долази са изузетком за жице попут схов, схов и пребацивање.

Синтакса

(selector).animate((styles), duration, easing, callback)

Пример

$("label").click(func()(
$("#box").animate((height: "100px"));
));

2) Кашњење ()

Као што име сугерира, овај се користи за подешавање одлагања за све функције које су постављене на ред изабраних елемената.

Синтакса

$(selector).delay(duration, NameOfQueue)

Пример

$("label").click(func()(
$("#div1").delay("fast").fadeOut();
$("#div2").delay("slow").fadeIn();
));

3) фадеТоггле ()

Ова функција се користи за пребацивање између функција фаде и бледе на различитим кутијама. Ако било који елемент избледи, ова функција фадеТоггле () може се користити за њихово блеђење. Елементи који су у скривеном облику неће бити приказани као део ове методе.

Синтакса

$(selector).fadeToggle(duration, easing, callback)

Пример

$("label").click(func()(
$("#box").fadeToggle();
));

4) фадеТо ()

Ова метода се користи за промену непрозирности свих

тј. поступно повезани елементи. Наведена непрозирност у овом контексту односи се на непрозирност која се мења.

Синтакса

$(selector).fadeTo(duration, opacity, easing, callback)

Пример

$("label").click(func()(
$("p").fadeTo(100, 0.9);
));

5) цлеарКуеуе ()

Овај метод је исти као и име које предлаже. Ово се користи за брисање реда и уклања све ставке из реда које нису покренуте. Функција ће завршити свој рад након што се покрене. Ово је повезано са две методе. ред () и декуеуе ().

Синтакса

$(selector).clearQueue(NameOfQueue)

Пример

$("label").click(func()(
$("box").clearQueue();
));

6) завршити ()

Ова метода у јКуери користи се за завршетак или завршавање тренутно покренутог аниматора јер се користи за заустављање свих анимација које се тренутно изводе и користи се за уклањање свих анимација из чекања. Такође се користи за довршавање свих анимација за разнолик распон одабраних елемената. Ова метода је слична методама као што је .стоп који има оба истинска параметра. Главна разлика између ове методе и циља је та што се метода завршетка користи за заустављање и паузирање врста својстава ЦСС елемената свих анимација из чекања.

Синтакса

$(selector).finish(NameOfQueue)

Пример

$("#complete").click(func()(
$("div1").finish();
));

7) декуеуе ()

Ова метода се користи за уклањање следеће функције из реда чекања, а затим се користи за извршавање функције. Ред чекања је једна или више функција које су у цјевоводу чекајући да се покрене. Ова метода декуеуе користи се упоредо са методом чекања. Један елемент може имати неколико редова. Фк ред је најчешћи који је уједно и задани ред.

Синтакса

$(selector).dequeue(NameOfQueue)

Пример

$("label").queue(func()(
$("").css("background-color", "black");
$("div").dequeue();
));

8) слидеДовн ()

Ово је још једна корисна метода у јКуери-у која се користи за помицање према доље или приказивање одабраних листа елемената. Битно је напоменути да такође ради на елементима који су у скривеном формату, а врста приказа је приказана као ниједна у случају ЦСС-а, али видљивост неће морати да се скрива.

Синтакса

$(selector). slideDown (duration, easing, callback)

Пример

$("label").queue(func()(
$("p").slideDown();
));

9) слидеУп ()

Метода слидеУп () користи се за скривање свих

одабрани елементи. Елементи који су у скривеном облику неће се уопште приказивати. То, дакле, не утиче на изглед странице.

Синтакса

$(selector).slideUp(duration, easing, callback)

Пример

$("label").queue(func()(
$("p").slideUp();
));

10) слидеДовн ()

Супротно методи слидеУп (), ова метода се користи да би се приказале све скривене

елементи. Ова метода слидедовн () делује на све елементе који су такође повезани са скривеним методама у случају јКуери метода, а име се такође приказује у ЦСС-у, али видљивост није скривена.

Синтакса

$(selector).slideDown(duration, easing, callback)

Пример

$("label").queue(func()(
$("p").slideDown();
));

11) Пребаци ()

Ова метода се користи за пребацивање између приказа и скривања разних

засновани елементи. Ова метода се користи за провјеру видљивости елемената. Метода схов () користи се за покретање чак и када је елемент скривен. Хиде () се покреће чак и када је елемент видљив. Оба начина приказивања и скривања у комбинацији стварају ефект пребацивања и самим тим метода пребацивања ().

Синтакса

$(selector).toggle(duration, easing, callback)

Пример

$("label").queue(func()(
$("p").toggle();
));

12) слидеТоггле ()

Ова метода се користи за пребацивање између функције слидеУп () и слидеДовн () за све елементе на основу ставка. Ова метода се користи за провјеру елемената који су одабрани због видљивости. СлидеДовн () је функција која се може видети када је елемент скривен. Супротно томе, елемент слидеУп () је онај који треба покренути ако је елемент видљив.

Синтакса

$(selector).slideToggle(duration, easing, callback)

Пример

$("label").queue(func()(
$("p").slideToggle();
));

јКуери нам омогућава додавање ефеката на веб страницу пружањем бројних количина функција које се могу ставити на различите селекторе. На вама је како желите да ваше веб странице изгледају испуњеније ефектом. Надам се да вам се свидио наш чланак. Пратите наш блог за више ових чланака.

Препоручени чланци

Ово је водич за јКуери ефекте. Овде смо размотрили различите врсте јКуери ефеката са синтаксом и примером. Такође можете погледати следећи чланак да бисте сазнали више -

1. Усес Оф ЈКуери
2. јКуери алтернативе
3. МиСКЛ Куери Цоммандс
4. Шта је процедура у СКЛ-у?
5. јКуери куериСелецтор