Uvod u Cheatsheet JQuery
Jquery je Javascript biblioteka za više platformi koja je postojana na primarnoj namjeri da olakša web kodiranje. Dokazana je tvrdnja da je uvođenje Jqueryja prilično smanjilo duljinu javascript kodova. Tako da se čak i nekoliko linijskih JavaScript koda lako može postići s malim blokom ili čak jednim retkom izjave JQuery.
U ovom članku Cheatsheet JQuery raspravljat ćemo o tome što je Jquery i PTP ovog okvira:
Na webu postoje brojne web stranice koje djeluju na tržištu, a tržište uključuje širok raspon jezika koji omogućuju izradu tih web stranica i mrežnih proizvoda. Neke od poznatih su sljedeće:
- HTML, CSS
- Javascript i JQuery za skriptiranje klijenta
- PHP za skriptu na kraju poslužitelja
- MYSQL za postavljanje upita baze podataka
- itd
Prednosti upotrebe JQuery okvira u odnosu na druge,
- To uključuje ogromnu zajednicu i puno dodataka koji su u nju uvedeni.
- lak
- snažne mogućnosti povezivanja
- Kratka dokumentacija i vodiči
- Sposobnost da se Ajax komponente lako razviju
- Mogućnost je jednostavnog i višekratnog korištenja koda
- Prijateljski preglednik
Osnovni sadržaj i sintaksa varalice JQuery:
Obuhvaća : Uključivanje Jqueryja u trenutnu skriptu izvršenja
Sintaksa: Sintaksualna struktura JQueryja
Selektor odaberite HTML komponente
$(Selector).action() Radnja izvedena na odabranoj komponenti
Definira upotrebu JQueryja
Listić za izbor Jquery Selectors:
| Selektor | OPIS |
| $ ( „*”) | Odabir svih HTML elemenata |
| $ ( „P.demo”) | Odaberite% s
elementi oznake |
| $ ( „Tipka”) | Odabire tipke i elemente za unos |
| $ ( „Tr: čak i”) | Odabire jednolike |
| $ ( „Tr: ak”) | Odabire neparan |
| $ ( „Trajanja: roditelj”) | Odabir elemenata kojima je pridružen podređeni element |
| $ ( „(Href)”) | Odabir svih elemenata s href atributima |
| $ ( „: Ulaz”) | Odabire sve elemente oblika |
Cheat list za Jquery događaje: Događaj je neka vrsta akcije na web stranici, a ključni događaji su kako slijedi.
| Događaji s mišem | Metoda događaja miša | Događaji na tipkovnici | Način događaja na tipkovnici | Događaji oblika | Način događaja u obrascu |
| uđite mišem | .mouseenter () | pritiskom na tipku | .pritiskom na tipku() | promijeniti | .promijeniti() |
| Dvostruki klik | .dblclick () | Keydown | .keydown () | usredotočenost | .usredotočenost() |
| klik | .klik() | Keyup | .keyup () | zamagliti | .blur () |
| ostavite miša | .mouseleave () | Događaji preglednika | Metoda preglednika događaja | Događaji o dokumentima | Način događaja na dokumentima |
| miš dolje | .mousedown () | Pogreška stanovništva | .error () | istovariti | .istovariti() |
| miš gore | .mouseup () | svitak | .svitak() | opterećenje | .opterećenje() |
Npr:
$("p").dblclick(function()(
$(this).hide();
));
Cheque sheet Jquery efekti:
Osnove: .hide (), .show (), .toggle () - Omogućuje sakrivanje, prikazivanje i prebacivanje odabranih elemenata.
ex:
$("p").hide();
Prilagođeni: .animate (), .delay (), .dequeue (), .stop ()
- metoda animate () priprema prilagođene animacije
- delay () metoda omogućuje odgođeno izvršenje predmeta.
- dequeue () izvršava sljedeći niz funkcija prisutnih u redu.
Npr:
$("element1").animate(
(
opacity : 0.50
left: "+=27"
)
Fade: fadeTo (), fadeOut (), fadeIn (), fadeToggle ()
- fadeIn () Blijedi skriveni element
- fadeout () omogućuje blijeđenje vidljivog elementa
- fadeTo () blijedi do određene neprozirnosti
- fadeToggle () omogućuje elementu da se uključi sa metodama fade i blede.
Npr:
$("button").click(function()
(
$("#div2").fadeOut("slow");
));
Slide: slideDown (), slideUp (), slideToggle ()
- slideDown () Zaslon s kliznim pokretima preklapanog elementa
- slideToggle () Prikazuje ili skriva kliznim pokretima preklapajuće elemente
- slideUp () Sakriva se kliznim pokretom prekomponiranim elementima
Besplatni savjeti i trikovi za korištenje Cheat sheet jQuery
1) Zadržite parametar konteksta koji omogućava pokretanje započinjanja iz dublje grane DOM-a umjesto poziva iz korijena.
2) Provjerite postoji li element, a zatim gurnite naprijed za izvršavanje koda.
Sintaksa:
if($("#element").length)
(
// DOM element exists
)
else
(
//DOM element dont exists
)
3) Metoda podataka jQuerys veže DOM elemente i podatke bez izmjene DOM-a.
4) Provjerite jesu li neki od elemenata skriveni.
Npr:
if($(element).is(":visible") == "true")
(
//The element is Visible
)
5) Imajte broj neposrednih prethodnih elemenata.
6) Učitavanje slika prije optimizira izvedbu upita.
7) Bolje je provjeriti je li upit uspješno učitan prije nego što ga izvršite.
ex:
if (typeof jQuery == 'undefined')
(
console.log('jQuery not loaded');
)
else
(
console.log('jQuery loaded');
)
8) Prekinute slikovne veze mogu se lako zamijeniti izvođenjem koda ispod,
ex:
$('img').on('error', function ()
(
if(!$(this).hasClass('broken-image'))
(
$(this).prop('src', 'img/broken.png.webp').addClass('broken-image');
)
));
9) Okvir mora uvijek biti siguran da odgovara sadržaju stranice.
10) U Jquery se mogu dodati vlastiti filtri za odabir. kao i sve što se u filtrima za odabir knjižnice također može prilagoditi.dodavanjem objekta $ .expr (':') ovo će se napraviti.
Npr:
(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) Dodavanje atributa onesposobljeno ulazu omogućava da polje unosa bude onemogućeno dok se ne popune određena relativna polja.
ex:
$('input(type="submit")').prop('disabled', true);
12) Obavezno definirajte odjeljak alata za upravljanje pogreškama kako biste upravljali povratima pogrešaka u ajaxu. kada se dogodi pogreška 400 ili 500, tada će se ovaj odjeljak automatski pokrenuti.
ex:
$(document).on('ajaxError', function (e, xhr, settings, error)
(
console.log(error);
));
Prevara JQuery - zaključak
Jquery smanjuje dodatnu složenost koju JavaScript drži u sebi. s više entiteta povezanih s jquery stoji kao jedan od najboljih alata za razvoj web stranica na tržištu. njegove lagane i učinkovite mogućnosti povezivanja prilično su olakšale programerima web kodiranje lako.
Preporučeni članak
Ovo je vodič za Cheat sheet JQuery. Ovdje smo razgovarali o sadržaju i naredbi, kao i besplatnim savjetima i trikovima varalice JQuery. Također možete pogledati sljedeći članak kako biste saznali više -
- jQuery Intervju Pitanja
- Prekrivač za C ++
- Prevara za SQL
- JavaScript u odnosu na JQuery
- Najbolja varalica za UNIX
- Cheat Sheet JavaScript: Koje su prednosti
- Top 8 jQuery birača s implementacijom koda