Prevara JQuery - Najboljši interaktivni goljufijski list On JQuery

Uvod v Cheatsheet JQuery

Jquery je knjižnica javascripta na več platformah, ki je vztrajna pri svojem osnovnem namenu, da olajša razvoj spletnega razvoja. Dokazano je, da je uvedba Jquery-ja precej zmanjšala dolžino javascript-kod. Zato je mogoče z majhnim blokom ali celo eno vrstico izjave JQuery zlahka doseči tudi več vrstico kode JavaScript.

V tem članku Cheatsheet JQuery bomo razpravljali o tem, kaj je Jquery in PTP tega okvira:

Na spletu deluje veliko spletnih strani, trg pa vključuje širok spekter jezikov, ki omogočajo izdelavo teh spletnih strani in spletnih izdelkov. Nekateri znani so naslednji,

HTML, CSS
Javascript in JQuery za skriptna stran odjemalca
PHP za skriptni konec strežnika
MYSQL za poizvedovanje po bazah podatkov
itd.

Prednosti uporabe okvira JQuery pred drugimi,

Vključuje ogromno skupnost in cel kup vtičnikov.
Lahka
močne verižne zmogljivosti
Kratka dokumentacija in vaje
Sposobnost enostavnega razvoja komponent Ajax
Zmožnost preproste in večkratne uporabe je koda preprosta
Prijazno brskalnikom

Osnovna vsebina in sintaksa Cheat Sheet JQuery:

Vključi: Vključi Jquery v trenutno skript Execution

Sintaksa: Sintaksualna struktura JQueryja

Selektor izberite komponente HTML

$(Selector).action() Dejanje, izvedeno na izbrani komponenti

Določa uporabo JQuery

Šivalni list za izbiralnike Jquery:

elementi oznakeelementi oznake

Izbirnik	OPIS
$ ("*")	Izbere vse elemente HTML
$ ("P.demo")	Izbira elementi oznake
$ ("Gumb")	Izbere gumb in vhodne elemente
$ ("Tr: celo")	Izbira enakomerno
$ ("Tr: neparno")	Izbere liho
$ ("Razpon: nadrejeni")	Izbere elemente, ki imajo pridruženi podrejeni element
$ ("(Href)")	Izbere vse elemente z atributi href
$ (": Vnos")	Izbere vse elemente obrazca

Natančni list za Jquery Dogodke: Dogodek je nekakšno dejanje na spletni strani. Ključni dogodki so naslednji.

Dogodki z miško	Metoda dogodka z miško	Dogodki na tipkovnici	Način dogodka na tipkovnici	Dogodki v obliki	Metoda Oblika dogodka
vnesite miško	.mouseenter ()	pritisk na tipko	.keypress ()	sprememba	.change ()
Dvojni klik	.dblclick ()	Tipkovnica	.keydown ()	osredotočenost	.fokus ()
kliknite	.click ()	Tipkovnica	.keyup ()	zameglitev	.blur ()
pustite miško	.mouseleave ()	Dogodki brskalnika	Metoda brskalniškega dogodka	Dogodki v dokumentih	Metode dogodkov dokumenta
miško dol	.mousedown ()	Napaka populacije	.error ()	raztovoriti	.unload ()
miško gor	.mouseup ()	pomikanje	.scroll ()	obremenitev	.load ()

Primer:

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

Cheque sheet Jquery učinki:

Osnove: .hide (), .show (), .toggle () - Omogoča skrivanje, prikazovanje in preklapljanje izbranih elementov.

Primer:

$("p").hide();

Po meri: .animate (), .delay (), .dequeue (), .stop ()

metoda animate () pripravi animacije po meri
metoda delay () omogoča pozno izvedbo elementov.
dequeue () izvede naslednje zaporedje funkcij v čakalni vrsti.

Primer:

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

Fade: fadeTo (), fadeOut (), fadeIn (), fadeToggle ()

fadeIn () bledi skriti element
fadeout () omogoča bledenje vidnega elementa
fadeTo () zbledi do dane motnosti
fadeToggle () omogoča, da se element preklopi z metodami zbledi in zbledi.

Primer:

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

Slide: slideDown (), slideUp (), slideToggle ()

slideDown () Zaslon z drsnimi gibi, ki so prekrivani
slideToggle () Prikaže ali skrije z drsnimi gibi prekrivajočih se elementov
slideUp () Skriva se z drsnimi gibi, ki se prekrivajo

Brezplačni nasveti in triki uporabe Cheat sheet jQuery

1) Obdržite kontekstni parameter, ki omogoča, da se izvedba začne z globlje veje DOM, namesto da se prikliče iz korena.

2) Preverite, ali element obstaja, in nato potisnite naprej za izvedbo kode.

Sintaksa:

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

3) Podatkovna metoda jQuerys veže elemente in podatke DOM brez spreminjanja DOM-a.

4) Preverite, če je kateri koli element skrit.

Primer:

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

5) Upoštevajte neposredne predhodne elemente otroka.

6) Nalaganje slik predhodno optimizira izvedbo poizvedb.

7) Bolje je, da preverite, ali je poizvedba uspešno naložena, preden jo izvršite.

Primer:

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

8) Polomljene slikovne povezave lahko enostavno zamenjate tako, da spodaj postavite kodo,

Primer:

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

9) Okvir mora biti vedno prepričan, da ustreza vsebini strani.

10) V Jquery lahko dodate lastne izbirne filtre. tako kot vse, kar je mogoče izbrati tudi filtre za izbiro knjižnice. Dodajanje predmeta $ .expr (':') bo to tudi storilo.

Primer:

(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) Dodajanje atributa onemogočeno vhodu omogoča, da je vnosno polje onemogočeno, dokler določena relativna polja niso izpolnjena.

Primer:

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

12) Prepričajte se, da določite razdelek za odpravljanje napak, da lahko obravnavate vrnitve napak ajax. če pride do napake 400 ali 500, se bo ta odsek samodejno sprožil.

Primer:

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

Prevara JQuery - zaključek

Jquery zmanjšuje dodatno zapletenost, ki jo vsebuje JavaScript. z več entitetami, povezanimi z jquery, stoji kot eno najboljših orodij za razvoj spletnih strani na trgu. njegove lahke in učinkovite verižne zmogljivosti so razvijalcem pošteno omogočile spletno kodiranje.

Priporočeni članek

To je vodnik za Cheat sheet JQuery, tukaj smo razpravljali o vsebini in ukazu, pa tudi o brezplačnih nasvetih in nasvetih goljufije JQuery. Če želite izvedeti več, si oglejte tudi naslednji članek -