Чит лист JQuery - Най-добрият интерактивен мамят лист на JQuery

Въведение в CheQheet JQuery

Jquery е крос-платформа javascript библиотека, която е устойчива на основното намерение да улесни разработката на уеб по-лесно. Доказано е твърдение, че въвеждането на Jquery сравнително е намалило дължината на кодовете на JavaScript. така че дори и многоредов код на JavaScript може лесно да бъде постигнат с малък блок или дори един ред от оператора JQuery.

В тази статия на Cheatsheet JQuery ще обсъдим какво е Jquery и PTP на тази рамка:

Има много уебсайтове, работещи в мрежата, а пазарът включва широка гама от езици, които постигат изграждането на тези уебсайтове и онлайн продукти. Някои от известните са както следва,

HTML, CSS
Javascript и JQuery за скриптове в края на клиента
PHP за скрипт в края на сървъра
MYSQL за запитване към база данни
и т.н.

Предимства на използването на JQuery frame над другите,

Тя включва огромна общност и цял куп плъгини, въведени в нея.
лек
мощни верижни възможности
Кратка документация и уроци
Възможност за лесно разработване на компоненти на Ajax
Възможността е да се направи код прост и многократен за многократна употреба
Приятел на браузъра

Основно съдържание и синтаксис на Cheat Sheet JQuery:

Включване: Включване на Jquery към текущия скрипт за изпълнение

Синтаксис: Синтаксичната структура на JQuery

Selector избира HTML компонентите

$(Selector).action() Действие, извършено върху избрания компонент

Определя използването на JQuery

Cheat sheet for Jquery Selectors:

елементи на етикетелементи на етикет

селектор	ОПИСАНИЕ
$ ( "*")	Избира всички HTML елементи
$ ( "P.demo")	Избира елементи на етикет
$ ( ": Бутон")	Избира бутоните и входните елементи
$ ( "TR: дори")	Избира равномерното
$ ( "TR: странно")	Избира нечетен
$ ( "Период: родител")	Избира елементи, с които е свързан дъщерният елемент
$ ( "(HREF)")	Избира всички елементи с href атрибути
$ ( ": Вход")	Избира всички елементи на формата

Чит лист за Jquery Events: Събитието е някакво действие на уеб страницата, ключовите събития са следните.

Събития на мишката	Метод на мишката събитие	Събития на клавиатурата	Метод на събитието на клавиатурата	Форма събития	Форма на събитието метод
влезте с мишката	.mouseenter ()	натискане на клавиш	.keypress ()	промяна	.change ()
Кликнете два пъти	.dblclick ()	Keydown	.keydown ()	фокус	.focus ()
кликване	.click ()	Keyup	.keyup ()	мъгла	.blur ()
оставете мишката	.mouseleave ()	Събития в браузъра	Метод на браузър събитие	Документи на събитията	Методи за събития на документ
мишка надолу	.mousedown ()	Грешка в популацията	.error ()	разтоварване	.unload ()
мишка нагоре	.mouseup ()	свитък	.scroll ()	натоварване	.load ()

Например:

$("p").dblclick(function()( $(this).hide(); ));

Cheat sheet Jquery ефекти:

Основи: .hide (), .show (), .toggle () - Позволява да се скрие, покаже и превключи избраните елементи.

Ex:

$("p").hide();

Персонализиран: .animate (), .delay (), .dequeue (), .stop ()

методът animate () подготвя персонализирани анимации
методът закъснение () позволява забавено изпълнение на елементи.
dequeue () изпълнява следващата последователност от функции, присъстващи на опашката.

Например:

$("element1").animate( ( opacity : 0.50 left: "+=27" )

Избледняване: fadeTo (), fadeOut (), fadeIn (), fadeToggle ()

fadeIn () Избледнява скрит елемент
fadeout () позволява избледняване на видим елемент
fadeTo () избледнява до дадена непрозрачност
fadeToggle () позволява на елемента да се включи с методи за избледняване и избледняване.

Например:

$("button").click(function() ( $("#div2").fadeOut("slow"); ));

Слайд: slideDown (), slideUp (), slideToggle ()

slideDown () Дисплей с плъзгащи се движещи се елементи
slideToggle () Показва или скрива с плъзгащо се движение, презапълнени елементи
slideUp () Скрива се с плъзгащо се движение, презапълнени елементи

Безплатни съвети и трикове за използване на Cheat sheet jQuery

1) Запазете параметър контекст, който позволява изпълнението да започне от по-дълбок клон на DOM, вместо да се извиква от корен.

2) Проверете дали елементът съществува и след това натиснете напред за изпълнение на кода.

Синтаксис :

if($("#element").length) ( // DOM element exists ) else ( //DOM element dont exists )

3) Методът на данни jQuerys обвързва DOM елементи и данни, без да променя DOM.

4) Проверете дали някой от елементите е скрит.

Например:

if($(element).is(":visible") == "true") ( //The element is Visible )

5) Запазете броя на непосредствено предшестващите елементи на детето.

6) Зареждането на изображенията предварително оптимизира изпълнението на заявките.

7) По-добре е да проверите дали заявката е успешно заредена, преди да я изпълните.

Ex:

if (typeof jQuery == 'undefined') ( console.log('jQuery not loaded'); ) else ( console.log('jQuery loaded'); )

8) Прекъснатите връзки към изображението могат да бъдат заменени с лекота чрез извършване на кода по-долу,

Ex:

$('img').on('error', function () ( if(!$(this).hasClass('broken-image')) ( $(this).prop('src', 'img/broken.png.webp').addClass('broken-image'); ) ));

9) Рамката трябва винаги да се уверява, че отговаря на съдържанието на страницата.

10) В Jquery могат да се добавят собствени филтри за подбор. както всичко в филтрите за избор на библиотека също може да бъде персонализирано. добавянето на обект $ .expr (':') ще направи това.

Например:

(function($) ( var random = 0 $.expr(':').random = function(a, i, m, r) ( if (i == 0) ( random = Math.floor(Math.random() * r.length); ) return i == random; ); ))(jQuery); // how to utilize this piece of code. $('li:random').addClass('glow');

11) Добавянето на атрибута забранено към входа позволява запазването на полето за въвеждане забранено, докато не се попълнят определени относителни полета.

Ex:

$('input(type="submit")').prop('disabled', true);

12) Уверете се, че дефинирате секцията за обработка на грешки, за да обработвате възвръщаемостта на грешките от ajax. при грешка 400 или 500, този раздел автоматично ще се задейства.

Ex:

$(document).on('ajaxError', function (e, xhr, settings, error) ( console.log(error); ));

Чит лист JQuery - заключение

Jquery намалява допълнителната сложност, която javascript държи със себе си. с множество субекти, свързани с jquery, стои като сред най-добрите инструменти за разработване на уеб страници на пазара. нейните леки и ефективни верижни способности сравнително правят уеб кодирането лесно за разработчиците.

Препоръчителен член

Това е ръководство за Cheat sheet JQuery, тук сме обсъдили съдържанието и командата, както и безплатни съвети и трикове на Cheat sheet JQuery, можете също да разгледате следната статия, за да научите повече -