Kā izveidot spraudņus, izmantojot jQuery ietvaru

jQuery dod mums daudz elastības rakstīt kodu, un tas ir tik vienkārši, ka to var izmantot pat ar mazām zināšanām, un mēs varam īstenot lielus projektus, ietaupot daudz laika.
Viena no Jquery iespējām ir tā, ka tā ļauj mums to paplašināt, lai šajā sistēmā izveidotu jaunas funkcijas. Ir laba izvēle izvēlēties izstrādāt spraudņus, kas ir ļoti noderīgi mūsu tīmekļa lietojumprogrammām, un pēc tam tos atkārtoti izmantot vai koplietot ar kopienu.
Jquery spraudņa izstrāde
Spraudņa pamatstruktūra ir šāda

 jQuery.fn.extend ({[b] miplugin [/ b]: funkcija ([b] parametrs [/ b]) {// spraudņa kods}}); 

Parametri nav obligāti. Mēs izveidosim dažus piemērus, lai saprastu, kā spraudnis ir ieprogrammēts
Spraudnis, kas atgriež ziņojumu, ja ir noklikšķināta uz pogas, tekstlodziņa, saites utt.
Mēs ierakstām šādu kodu plugin.js failā

 jQuery.fn. ; // rādīt ziņojumu});}});

Mēs izveidojam struktūru vai html lapu, kurā ir poga, piemēram, sūtīt

 // mēs izsaucam jquery bibliotēku // mēs izsaucam spraudniSūtīt

Mēs saglabājam html un, izpildot to no pārlūkprogrammas, mēs noklikšķinām uz pogas un redzēsim, ka funkcija jquery parāda ziņojumu.

Mēs izveidojam citu spraudni, kas var būt tajā pašā js failā vai citā, ja vēlamies atsevišķus spraudņus.
Šajā gadījumā būs jāmaina pogas css aspekts, kad tā tiek nospiesta, mēs mainīsim teksta krāsu un fonu.

 jQuery.fn.extend ({mainīt fonu: funkcija (fons, teksts) {// funkcija un parametri $ (this) .click (function () {// ja piekļūst no klikšķa jQuery (this) .css ("background- krāsa ", fons); // mainīt fona krāsu jQuery (šis) .css (" krāsa ", teksts); // mainīt teksta krāsu});}}); 

Tad mums ir jāraksta elementa html kods, šajā gadījumā poga, kuras ID būs fons

Mainīt krāsu

Mums arī jāuzsāk funkcija, mēs paliktu pie divām funkcijām

Noklikšķinot uz pogas Mainīt krāsu, mēs redzam, ka css izmaiņas tiek piemērotas.

Šajā ziņā mēs varam veikt izmaiņas un piešķirt funkcijas jebkuram html elementam, piemēram, html mēs izveidojam tukšu div ar ziņojuma ID:

Tad nosūtīšanas spraudnī mēs maināmies

brīdinājums (ziņa)

ar šādu kodu, kas, nospiežot pogu, divos publicēs ziņojumu

 $ ("# message"). html ("Dati nosūtīti"); 

Noklikšķinot uz pogas Iesniegt, nevis dialoglodziņā, tagad ziņojums tiek uzrakstīts div.

Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu