JQuery - Історія редагувань

MiskoGe: Змінено ціль перенаправлення з Javascript#jQuery на JavaScript#jQuery

2021-07-05T09:32:16Z

Змінено ціль перенаправлення з Javascript#jQuery на JavaScript#jQuery

← Попередня версія		Версія за 12:32, 5 липня 2021
Рядок 1:		Рядок 1:
	#ПЕРЕНАПРАВЛЕННЯ [[~~Javascript~~#jQuery]]		#ПЕРЕНАПРАВЛЕННЯ [[JavaScript#jQuery]]

MiskoGe: Перенаправлено на Javascript#jQuery

2021-07-05T09:31:31Z

Перенаправлено на Javascript#jQuery

← Попередня версія		Версія за 12:31, 5 липня 2021
Рядок 1:		Рядок 1:
	~~{{Злити\|javascript}}~~		#ПЕРЕНАПРАВЛЕННЯ [[Javascript#jQuery]]
	~~{{Stub}}~~

	~~'''jQuery''' — бібліотека~~ [[Javascript]], створена для швидкої, легкої взаємодії між [[HTML]], Javascript і контролю елементів DOM. Широко використовується для додання веб-сторінкам інтерактивності.

	~~== Історія створення ==~~

	Одного разу Джону Резігу дали погратися з [[Javascript]], що йому дуже сподобалось і так він грався й грався... Поки не створив jQuery. Представлена вона була як "нєнавясчівий Жабоскріпт". І справді має достатньо широкі можливості, просту структуру і є дуже зручним для веб-майстрів, особливо коли вони знають [[CSS]]<ref>А вони, звісно ж, знають.</ref> (селектори, йоу!).

	~~== Огляд основних можливостей ==~~

	*Sizzle
	*"сабитія"(Івент хендлєри)
	*великі можливості організації візуальних ефектів.

	~~== Короткий підручник ==~~

	По-перше, щоб користуватись jQuery, її треба підключити. Качаєш [http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js це] і додаєш <code><script src="шлях до качаного jQuery.js"></script></code> в голові веб-сторінки.

	~~Синтаксис jQuery десь такий:~~
	~~<syntaxhighlight lang="JQuery"> $('селектор'){~~
	~~//А тут код який буде виконаний до елементу, на який вказує селектор~~
	~~} </syntaxhighlight>~~
	~~Основні дії над об'єктами:~~
	~~<br/>~~
	*"Мєтади сабитій":
	#.ready(handler) — виконається, коли елемент буде довантажено на веб-сторінку, наприклад, код <code>$(document).ready{//тут якийсь код}</code> буде виконано, коли довантажено всю веб-сторінку.
	~~#keydown, keyup, mouseOver, mouseOut і т.д. — тут, думаємо, зрозуміло по назвам.<ref>А якщо ні, то ти — даун!</ref>~~
	~~#і т.д.~~
	*Візуальні ефекти:
	#animate(attributes, speed) — анімує об'єкт з нинішнього стану до стану в attributes, наприклад <code>$('#menu').animate({'width': '500'}, slow)</code>. Цей код анімує змінення ширини об'єкта від нинішнього стану до стан у attributes({'width': '500'}).
	~~#fadeIn, fadeOut — анімовано сховати або показати елементи, змінюючи їх непрозорість.~~
	~~#show, hide — анімовано сховати й показати елементи змінюючи їх розмір і розташування.~~
	#~~і т.д.~~
	*Тисячі їх!

	~~== Примітки ==~~
	~~{{reflist}}~~

	~~== Посилання ==~~
	*[https://www.w3schools.com/jquery/default.asp Тут можна вивчити jQuery]
	*[http://jquery.com/ Офіційний сайт]

	~~{{Айті}}~~

MiskoGe в 16:46, 17 червня 2021

2021-06-17T16:46:24Z

← Попередня версія		Версія за 19:46, 17 червня 2021
Рядок 1:		Рядок 1:
			{{Злити\|javascript}}
	{{Stub}}		{{Stub}}

MiskoGe в 16:45, 17 червня 2021

2021-06-17T16:45:13Z

← Попередня версія		Версія за 19:45, 17 червня 2021
Рядок 1:		Рядок 1:
	~~{{Недопис}}~~
	{{Stub}}		{{Stub}}

Олег Петрович в 10:30, 5 березня 2021

2021-03-05T10:30:41Z

← Попередня версія		Версія за 13:30, 5 березня 2021
Рядок 19:		Рядок 19:

	Синтаксис jQuery десь такий:		Синтаксис jQuery десь такий:
	<syntaxhighlight lang="JQuery"> $('селектор'){~~<br />~~//А тут код який буде виконаний до елементу, на який вказує селектор } </syntaxhighlight>		<syntaxhighlight lang="JQuery"> $('селектор'){
			//А тут код який буде виконаний до елементу, на який вказує селектор
			} </syntaxhighlight>
	Основні дії над об'єктами:		Основні дії над об'єктами:
	<br/>		<br/>

Олег Петрович: /* Короткий підручник */

2021-03-05T10:29:47Z

Короткий підручник

← Попередня версія		Версія за 13:29, 5 березня 2021
Рядок 19:		Рядок 19:

	Синтаксис jQuery десь такий:		Синтаксис jQuery десь такий:
			<syntaxhighlight lang="JQuery"> $('селектор'){<br />//А тут код який буде виконаний до елементу, на який вказує селектор } </syntaxhighlight>
	~~{{Блок\|~~$('селектор'){<br />//А тут код який буде виконаний до елементу, на який вказує селектор<br />~~} }}~~
	Основні дії над об'єктами:		Основні дії над об'єктами:
	<br/>		<br/>

ArsenV0lya в 21:28, 24 травня 2020

2020-05-24T21:28:24Z

← Попередня версія		Версія за 00:28, 25 травня 2020
Рядок 2:		Рядок 2:
	{{Stub}}		{{Stub}}

	'''jQuery''' - бібліотека [[Javascript]], створена для швидкої, легкої взаємодії між [[HTML]], Javascript і контролю елементів DOM. Широко використовується для додання веб-сторінкам інтерактивності.		'''jQuery''' — бібліотека [[Javascript]], створена для швидкої, легкої взаємодії між [[HTML]], Javascript і контролю елементів DOM. Широко використовується для додання веб-сторінкам інтерактивності.

	== Історія створення ==		== Історія створення ==

	Одного разу Джону Резігу дали погратися з Javascript, що йому дуже сподобалось і так він грався й грався... Поки не створив jQuery. Представлена вона була як "нєнавясчівий Жабоскріпт". І справді має достатньо широкі можливості, просту структуру і є дуже зручним для веб-майстрів особливо коли вони знають CSS <ref>А вони, звісно ж, знають.</ref> (селектори, йоу!).		Одного разу Джону Резігу дали погратися з [[Javascript]], що йому дуже сподобалось і так він грався й грався... Поки не створив jQuery. Представлена вона була як "нєнавясчівий Жабоскріпт". І справді має достатньо широкі можливості, просту структуру і є дуже зручним для веб-майстрів, особливо коли вони знають [[CSS]]<ref>А вони, звісно ж, знають.</ref> (селектори, йоу!).

	== Огляд основних можливостей ==		== Огляд основних можливостей ==
Рядок 12:		Рядок 12:
	*Sizzle		*Sizzle
	*"сабитія"(Івент хендлєри)		*"сабитія"(Івент хендлєри)
	*великі можливості організації ~~[[Свисто-перділки\|~~візуальних ефектів]].		*великі можливості організації візуальних ефектів.

	== Короткий підручник ==		== Короткий підручник ==
Рядок 20:		Рядок 20:
	Синтаксис jQuery десь такий:		Синтаксис jQuery десь такий:

	{{Блок\|$('селектор'){<br />//А тут код який буде виконаний до елементу на який вказує селектор<br />} }}		{{Блок\|$('селектор'){<br />//А тут код який буде виконаний до елементу, на який вказує селектор<br />} }}
	Основні дії над об'єктами:		Основні дії над об'єктами:
	<br/>		<br/>
	*"Мєтади сабитій":		*"Мєтади сабитій":
	#.ready(handler) - виконається коли елемент буде довантажено на веб-сторінку, наприклад код <code>$(document).ready{//тут якийсь код}</code> буде виконано коли довантажено всю веб-сторінку.		#.ready(handler) — виконається, коли елемент буде довантажено на веб-сторінку, наприклад, код <code>$(document).ready{//тут якийсь код}</code> буде виконано, коли довантажено всю веб-сторінку.
	#keydown, keyup, mouseOver, mouseOut і т.д. - тут ~~я думаю~~ зрозуміло по назвам.<ref>А якщо ні, то ти - даун!</ref>		#keydown, keyup, mouseOver, mouseOut і т.д. — тут, думаємо, зрозуміло по назвам.<ref>А якщо ні, то ти — даун!</ref>
	#і т.д.		#і т.д.
	*Візуальні ефекти:		*Візуальні ефекти:
	#animate(attributes, speed) - анімує об'єкт з нинішнього стану до стану в attributes, наприклад <code>$('#menu').animate({'width': '500'}, slow)</code>. Цей код анімує змінення ширини об'єкта від нинішнього стану до стан у attributes({'width': '500'}).		#animate(attributes, speed) — анімує об'єкт з нинішнього стану до стану в attributes, наприклад <code>$('#menu').animate({'width': '500'}, slow)</code>. Цей код анімує змінення ширини об'єкта від нинішнього стану до стан у attributes({'width': '500'}).
	#fadeIn, fadeOut - анімовано сховати або показати елементи, змінюючи їх непрозорість.		#fadeIn, fadeOut — анімовано сховати або показати елементи, змінюючи їх непрозорість.
	#show, hide - анімовано сховати й показати елементи змінюючи їх розмір і розташування.		#show, hide — анімовано сховати й показати елементи змінюючи їх розмір і розташування.
	#і т.д.		#і т.д.
	*Тисячі їх!		*Тисячі їх!

MiskoGe: /* Посилання */

2020-04-24T18:12:19Z

Посилання

← Попередня версія		Версія за 21:12, 24 квітня 2020
Рядок 33:		Рядок 33:
	#і т.д.		#і т.д.
	*Тисячі їх!		*Тисячі їх!

			== Примітки ==
			{{reflist}}

	== Посилання ==		== Посилання ==

Kavinsky: Переніс з Файної Меморії.

2019-08-28T10:11:28Z

Переніс з Файної Меморії.

Нова сторінка

{{Недопис}}
{{Stub}}

'''jQuery''' - бібліотека [[Javascript]], створена для швидкої, легкої взаємодії між [[HTML]], Javascript і контролю елементів DOM. Широко використовується для додання веб-сторінкам інтерактивності.

== Історія створення ==

Одного разу Джону Резігу дали погратися з Javascript, що йому дуже сподобалось і так він грався й грався... Поки не створив jQuery. Представлена вона була як "нєнавясчівий Жабоскріпт". І справді має достатньо широкі можливості, просту структуру і є дуже зручним для веб-майстрів особливо коли вони знають CSS <ref>А вони, звісно ж, знають.</ref> (селектори, йоу!).

== Огляд основних можливостей ==

*Sizzle
*"сабитія"(Івент хендлєри)
*великі можливості організації [[Свисто-перділки|візуальних ефектів]].

== Короткий підручник ==

По-перше, щоб користуватись jQuery, її треба підключити. Качаєш [http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js це] і додаєш <code><script src="шлях до качаного jQuery.js"></script></code> в голові веб-сторінки.

Синтаксис jQuery десь такий:

{{Блок|$('селектор'){<br />//А тут код який буде виконаний до елементу на який вказує селектор<br />} }}
Основні дії над об'єктами:
<br/>
*"Мєтади сабитій":
#.ready(handler) - виконається коли елемент буде довантажено на веб-сторінку, наприклад код <code>$(document).ready{//тут якийсь код}</code> буде виконано коли довантажено всю веб-сторінку.
#keydown, keyup, mouseOver, mouseOut і т.д. - тут я думаю зрозуміло по назвам.<ref>А якщо ні, то ти - даун!</ref>
#і т.д.
*Візуальні ефекти:
#animate(attributes, speed) - анімує об'єкт з нинішнього стану до стану в attributes, наприклад <code>$('#menu').animate({'width': '500'}, slow)</code>. Цей код анімує змінення ширини об'єкта від нинішнього стану до стан у attributes({'width': '500'}).
#fadeIn, fadeOut - анімовано сховати або показати елементи, змінюючи їх непрозорість.
#show, hide - анімовано сховати й показати елементи змінюючи їх розмір і розташування.
#і т.д.
*Тисячі їх!

== Посилання ==
*[https://www.w3schools.com/jquery/default.asp Тут можна вивчити jQuery]
*[http://jquery.com/ Офіційний сайт]

{{Айті}}