Како креирати додатке са јКуери оквиром

јКуери нам даје велику флексибилност у писању кода, а тако је једноставан да се може користити чак и са мало знања, а ми можемо извести велике пројекте штедећи много времена.
Једна од могућности Јкуери -а је та што нам омогућава да га проширимо како бисмо створили нове функције у овом оквиру. Добра је идеја изабрати развој додатака који су веома корисни за наше веб апликације, а затим их моћи поново користити или делити са заједницом.
Развој Јкуери додатка
Основна структура додатка је следећа

 јКуери.фн.ектенд ({[б] миплугин [/ б]: фунцтион ([б] параметар [/ б]) {// код додатка}}); 

Параметри су опционални. Направићемо неколико примера да бисмо разумели како је додатак програмиран
Додатак који враћа поруку ако је притиснуто дугме, оквир за текст, веза итд.
Следећи код записујемо у датотеку плугин.јс

 јКуери.фн.ектенд ({сенд: фунцтион (мессаге) {// Дефинишем функцију слања и параметар поруке $ (тхис) .цлицк (фунцтион () {// ако је функција активирана упозорењем о клику (порука)) ; // приказати поруку});}});

Креирамо структуру или хтмл страницу која садржи дугме на пример пошаљи

 // позивамо библиотеку јкуери // позивамо додатакПошаљи

Сачувамо хтмл и када га извршимо из прегледача, кликнемо на дугме и видећемо да функција јкуери приказује поруку.

Креирамо још један додатак који може бити у истој јс датотеци или у другом ако желимо засебне додатке.
У овом случају биће потребно да промените цсс аспект дугмета када се притисне, променићемо боју текста и позадину.

 јКуери.фн.ектенд ({промени позадину: фунцтион (бацкгроунд, тект) {// функција и параметри $ (тхис) .цлицк (фунцтион () {// ако се приступа са клика јКуери (тхис) .цсс ("бацкгроунд- цолор ", бацкгроунд); // промени боју позадине јКуери (тхис) .цсс (" цолор ", тект); // промени боју текста});}}); 

Затим морамо написати хтмл код елемента у овом случају дугме чији ће ИД бити позадина

Променити боју

Морамо и покренути функцију, остале би нам две функције

Кликом на дугме за промену боје видимо да су промене цсс примењене.

У том смислу, можемо извршити промене и доделити функционалности било ком хтмл елементу, на пример у хтмл -у креирамо празан див са ИД -ом поруке:

Затим се у додатку за слање мењамо

упозорење (порука)

помоћу следећег кода који ће објавити поруку унутар див -а када притиснете дугме

 $ ("# порука"). хтмл ("Подаци су послати"); 

Кликом на дугме за слање уместо дијалога сада се порука записује у див.

Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен