Овај пост наглашава кључне разлике између хиде() и фадеОут(), схов() и фадеИн() у јКуери-ју.
Пре него што пређемо на разлику између хиде() и фадеОут(), схов() и фадеИн() у јКуери-ју, прво погледајте основе ових метода читајући следеће водиче:
- јКуери метод фадеИн().
- јКуери метод фадеОут().
- ЈаваСцрипт ЈКуери Хиде() Метод | Објашњено
- Метод ЈКуери Схов() | Објашњено
Прво погледајте разлику између метода хиде() и фадеОут() у јКуери-ју.
Разликовање између хиде() и фадеОут() у јКуери-ју
Једина и једина главна разлика између „ сакрити() ' и ' избледети() ” метода је:
- Временски период : „ сакрити() ” метод подразумевано сакрива елемент тако што одмах мења његову непрозирност са 100 на 0 без трошења било каквог временског интервала, док „ избледети() ” метода се гаси, тј. сакрива елемент постепено у „400мс“ што је његова подразумевана вредност.
Погледајмо практичну примену наведене разлике.
Прво погледајте следећи ХТМЛ код:
< центар >< х2 ид = 'Х2' > Добродошли у Линукхинт ! х2 >
< дугме > Сакриј елемент дугме >
центар >
У горњим редовима кода:
- „ <центар> ” ознака подешава поравнање датих елемената у центру веб странице.
- „ <х2> ” ознака креира поднаслов 2. нивоа са ИД-ом „Х2”.
- „ <дугме> ” ознака умеће ново дугме.
Белешка: Горњи ХТМЛ код се прати у целом овом водичу.
Пример: Примена јКуери методе „хиде()“ са „подразумеваном“ вредношћу
Овај пример примењује „хиде()“ са његовим подразумеваним вредностима да би сакрио елемент:
< скрипта >$ ( документ ) . спреман ( функција ( ) {
$ ( 'дугме' ) . клик ( функција ( ) {
$ ( '#Х2' ) . сакрити ( ) ;
} ) ;
} ) ;
скрипта >
У горњим редовима кода:
- Прво, „ спреман() ” метода се примењује за извршавање наведених функција када се учита тренутни ХТМЛ документ.
- Затим, „ клик () ” је одговоран за извршавање повезане функције након клика на дугме.
- Након тога, „ сакрити() ” одмах сакрива елемент наслова којем је приступљено чији је ид „Х2“.
Излаз
Може се видети да се елемент наслова сакрива одмах по клику на дугме.
Пример: Примена јКуери методе „фадеОут()“ са „подразумеваном“ вредношћу
Овај пример користи метод „фадеОут()“ са својим подразумеваним вредностима да постепено сакрије дати елемент у „400мс“.
У овом сценарију садржај елемента „дугме“ се мења:
< дугме > избледети ( Сакрити Елемент ) дугме >Сада имплементирајте метод „фадеОут()“ на овај начин:
< скрипта >$ ( документ ) . спреман ( функција ( ) {
$ ( 'дугме' ) . клик ( функција ( ) {
$ ( '#Х2' ) . избледети ( ) ;
} ) ;
} ) ;
скрипта >
У овом тренутку, „ избледети() ” метода се примењује да би се приступило елементу наслова избледило са 400мс, тј. подразумеваном вредношћу.
Излаз
Излаз јасно показује да клик на дато дугме постепено сакрива елемент наслова у подразумеваном временском интервалу, тј. „400мс“.
Разликујте схов() и фадеИн() у јКуери-ју
Слично методама „хиде()“ и „фадеОут()“, иста разлика је између метода „схов()“ и „фадеИн()“:
- Временски период : „ Прикажи() ” метод подразумевано приказује скривени елемент тако што одмах мења његову непрозирност са 0 на 100, док „ фадеИн() ” метода показује скривени елемент постепено у „400мс“ што је његова подразумевана вредност.
Пример: Примена јКуери методе „схов()“ са „подразумеваном“ вредношћу
Овај пример примењује „схов()“ са његовим подразумеваним вредностима да прикаже скривени елемент.
Прво погледајте обезбеђени блок ХТМЛ кода:
< центар >< дугме > Прикажи елемент дугме >
< х2 ид = 'Х2' стил = 'дисплаи:ноне' > Добродошли у Линукхинт ! х2 >
центар >
Према овом сценарију, дати елемент наслова је сакривен уз помоћ „ приказ: нема ' имовина.
Сада пратите дати блок кода да бисте разумели практичну примену методе „схов()“:
< скрипта >$ ( документ ) . спреман ( функција ( ) {
$ ( 'дугме' ) . клик ( функција ( ) {
$ ( '#Х2' ) . Прикажи ( ) ;
} ) ;
} ) ;
скрипта >
Горњи блок кода користи „ Прикажи() ” да бисте одмах приказали додати скривени елемент.
Излаз
Може се видети да клик на дугме одмах приказује скривени елемент наслова.
Пример: Примена јКуери „фадеИн()“ методе са „подразумеваном“ вредношћу
Овај пример приказује скривени елемент помоћу методе „фадеИн()“ са подразумеваном вредношћу „ 400мс ”:
Текст елемента дугмета се мења према датом сценарију:
< дугме > фадеИн ( Прикажи Елемент ) дугме >Сада примените „ фадеИн() ” користећи следећи блок кода:
< скрипта >$ ( документ ) . спреман ( функција ( ) {
$ ( 'дугме' ) . клик ( функција ( ) {
$ ( '#Х2' ) . фадеИн ( ) ;
} ) ;
} ) ;
скрипта >
У овом блоку кода, „ фадеИн() ” метода се користи за приказ скривеног елемента који се подудара са ИД-ом „Х2” за 400 мс, тј. подразумевана вредност.
Излаз
Може се приметити да клик на дато дугме приказује скривени елемент постепено у подразумеваном временском интервалу, тј. „400мс“.
Закључак
У јКуери-ју, једина кључна разлика између сакрити() и избледети() , Прикажи() , и фадеИн() метод је ' Временски период ”. Методе „схов()“ и „хиде()“ подразумевано извршавају своје функције одмах, док методе „фадеИн()“ и „фадеОут()“ извршавају своје задатке у подразумеваном временском интервалу, тј. „400мс“. Овај пост је практично објаснио кључне разлике између хиде() и фадеОут(), схов() и фадеИн() у јКуери-ју.