Kaip sukurti papildinius naudojant „jQuery“ sistemą

„jQuery“ suteikia mums daug lankstumo rašyti kodą ir yra toks paprastas, kad jį galima naudoti net ir turint mažai žinių, o mes galime įgyvendinti didelius projektus, sutaupydami daug laiko.
Viena iš „Jquery“ galimybių yra ta, kad ji leidžia mums ją išplėsti, kad sukurtume naujas funkcijas šioje sistemoje. Patartina pasirinkti kurti papildinius, kurie yra labai naudingi mūsų žiniatinklio programoms, ir tada juos pakartotinai naudoti arba bendrinti su bendruomene.
Kuriamas „Jquery“ papildinys
Pagrindinė papildinio struktūra yra tokia

 jQuery.fn.extend ({[b] miplugin [/ b]: funkcija ([b] parametras [/ b]) {// papildinio kodas}}); 

Parametrai yra neprivalomi. Mes sukursime keletą pavyzdžių, kad suprastume, kaip užprogramuotas papildinys
Įskiepis, kuris grąžina pranešimą, jei buvo spustelėtas mygtukas, teksto laukelis, nuoroda ir pan.
Į failą „plugin.js“ įrašome šį kodą

 jQuery.fn.extend ({send: function (message) {// Aš apibrėžiu siuntimo funkciją ir pranešimo parametrą $ (this). spustelėkite (function () {// jei funkcija buvo suaktyvinta spustelėjus įspėjimą (pranešimas) ; // rodyti pranešimą});}});

Mes sukuriame struktūrą arba html puslapį, kuriame yra mygtukas, pavyzdžiui, siųsti

 // mes iškviečiame „jquery“ biblioteką // mes iškviečiame papildinįSiųsti

Išsaugome html ir, kai jį vykdome iš naršyklės, spustelime mygtuką ir pamatysime, kad „jquery“ funkcija rodo pranešimą.

Mes sukuriame kitą papildinį, kuris gali būti tame pačiame js faile arba kitame, jei norime atskirų papildinių.
Tokiu atveju bus pakeistas mygtuko css aspektas, kai jis bus paspaustas, pakeisime teksto spalvą ir foną.

 jQuery.fn.extend ({keisti foną: funkcija (fonas, tekstas) {// funkcija ir parametrai $ (this) .click (function () {// jei pasiekiama spustelėjus jQuery (this) .css ("background- spalva ", fonas); // pakeisti fono spalvą jQuery (this) .css (" spalva ", tekstas); // pakeisti teksto spalvą});}}); 

Tada turime parašyti elemento html kodą, šiuo atveju mygtuką, kurio ID bus fonas

Pakeisti spalvą

Mes taip pat turime inicijuoti funkciją, mums liktų dvi funkcijos

Spustelėję mygtuką Keisti spalvą matome, kad css pakeitimai yra pritaikyti.

Šia prasme mes galime atlikti pakeitimus ir priskirti funkcijas bet kuriam html elementui, pavyzdžiui, html sukuriame tuščią div su pranešimo ID:

Tada mes keičiame siuntimo papildinį

įspėjimas (pranešimas)

naudodami šį kodą, kuris paspausdamas mygtuką paskelbs pranešimą div viduje

 $ ("# message"). html ("Duomenys išsiųsti"); 

Spustelėjus mygtuką „Pateikti“, o ne dialogo lange, pranešimas parašytas į skyrių.

Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką