jQuery - na ụwa a JavaScript ọba akwụkwọ. Obodo mmepe webụ kere ya na ngwụcha afọ 2000, na-ebute nnukwu gburugburu ebe obibi nke saịtị, plugins, na frameworks na-eji jQuery n'okpuru mkpuchi.
Mana n'afọ ndị na-adịbeghị anya, ọkwa ya dị ka ngwá ọrụ mbụ maka mmepe weebụ emebiwo. Ka anyị leba anya n'ihe kpatara jQuery ji bụrụ onye a ma ama na ihe kpatara o jiri daa na ejiji, yana kwa n'ọnọdụ ndị ọ ka dị mma iji ya mepụta weebụsaịtị nke oge a.
Akụkọ dị mkpirikpi nke jQuery
John Resig () kere mbụ ụdị nke ọbá akwụkwọ na 2005, na -m, na mmemme akpọrọ BarCampNYC. Gbanye odee dere:
jQuery bụ ọbá akwụkwọ Javascript dabere n'ụkpụrụ: Javascript kwesịrị ịdị ụtọ itinye koodu. jQuery na-arụ ọrụ ndị a na-ahụkarị, na-emegharị ugboro ugboro, na-ewepụ akara niile na-adịghị mkpa, ma mee ka ha dị mkpụmkpụ, mara mma ma dị ọcha.
jQuery nwere uru abụọ bụ isi. Nke mbụ bụ API dabara adaba maka ijikwa ibe weebụ. Karịsịa, ọ na-enye ụzọ dị ike maka ịhọrọ ihe. Ọ bụghị naanị na ị nwere ike ịhọrọ site na ID ma ọ bụ klas, jQuery na-enye gị ohere ide okwu mgbagwoju anya, dịka ọmụmaatụ, ịhọrọ ihe dabere na mmekọrịta ha na ihe ndị ọzọ:
// Select every item within the list of people within the contacts element
$('#contacts ul.people li');Ka oge na-aga, usoro nhọrọ ahụ ghọrọ ọba akwụkwọ dị iche .
Uru nke abụọ nke ọbá akwụkwọ ahụ bụ na ọ wepụrụ ọdịiche dị n'etiti ihe nchọgharị. N'afọ ndị ahụ, ọ na-esiri ike ide koodu nke nwere ike ịrụ ọrụ nke ọma na ihe nchọgharị niile.
Enweghị ọkọlọtọ pụtara na ndị mmepe kwesịrị ịza ajụjụ maka ọtụtụ ọdịiche dị n'etiti ihe nchọgharị na ikpe ihu. Lelee anya wee chọọ jQuery.browser. Nke a bụ otu ọmụmaatụ:
// If Mozilla is used
if ( jQuery.browser == "mozilla" || jQuery.browser == "opera" ) {
// Use the handy event callback
jQuery.event.add( document, "DOMContentLoaded", jQuery.ready );
// If IE is used, use the excellent hack by Matthias Miller
// http://www.outofhanwell.com/blog/index.php?title=the_window_onload_problem_revisited
} else if ( jQuery.browser == "msie" ) {
// Only works if you document.write() it
document.write("<scr" + "ipt id=__ie_init defer=true " +
"src=javascript:void(0)></script>");
// Use the defer script hack
var script = document.getElementById("__ie_init");
script.onreadystatechange = function() {
if ( this.readyState == "complete" )
jQuery.ready();
};
// Clear from memory
script = null;
// If Safari is used
} else if ( jQuery.browser == "safari" ) {
// Continually check to see if the document.readyState is valid
jQuery.safariTimer = setInterval(function(){
// loaded and complete are both valid states
if ( document.readyState == "loaded" ||
document.readyState == "complete" ) {
// If either one are found, remove the timer
clearInterval( jQuery.safariTimer );
jQuery.safariTimer = null;
// and execute any waiting functions
jQuery.ready();
}
}, 10);
}Na ekele jQuery, ndị mmepe nwere ike ịgbanwe nchegbu banyere ọnyà ndị a niile n'ubu nke otu na-emepe emepe ọba akwụkwọ.
Mgbe e mesịrị, jQuery mere ka ọ dịkwuo mfe iji mejuputa teknụzụ dị mgbagwoju anya dị ka ihe nkiri na Ajax. Ọbá akwụkwọ ahụ abụrụla ihe ndabere ọkọlọtọ maka weebụsaịtị. Ma taa, ọ na-enye ikike dị ukwuu nke ịntanetị. W3Techs kwenyere na .
Njikwa maka mmepe jQuery aghọwokwa nke ọma. Na 2011 otu . Na 2012 jQuery Board.
Na 2015, jQuery Foundation jikọtara ya na Dojo Foundation,, nke jikọtara ya na Node.js Foundation n'ime-m ike, n'ime nke jQuery bụ otu n'ime ". "
Ọnọdụ na-agbanwe agbanwe
Otú ọ dị, n'afọ ndị na-adịbeghị anya jQuery . GitHub. Akpụkpọ ụkwụ v5 n'ihi na ọ bụ ya""(ugbu a 30 KB n'ogo, obere na juru n'ọnụ). Ọtụtụ usoro na mmepe webụ emewo ka ọnọdụ jQuery daa dị ka ngwa ọrụ dị mkpa.
Ike
N'ihi ọtụtụ ihe kpatara ya, ọdịiche na njedebe ihe nchọgharị aghọwo ihe na-adịchaghị mkpa. Nke mbụ, nhazi ọkwa abawanyela. Ndị na-emepụta ihe nchọgharị (Apple, Google, Microsoft na Mozilla) na-arụkọ ọrụ ọnụ iji zụlite n'ime framework.
Ọ bụ ezie na ihe nchọgharị ka dị iche na ibe ha n'ọtụtụ ụzọ dị mkpa, ndị na-ere ahịa ma ọ dịkarịa ala nwere ụzọ isi chọọ na ịmepụta nchekwa data nkịtị kama ọnụ. N'ihi ya, API ihe nchọgharị enwetala ikike ọhụrụ. Dịka ọmụmaatụ, ike iji dochie ọrụ Ajax site na jQuery:
// jQuery
$.getJSON('https://api.com/songs.json')
.done(function (songs) {
console.log(songs);
})
// native
fetch('https://api.com/songs.json')
.then(function (response) {
return response.json();
})
.then(function (songs) {
console.log(songs);
});Ụzọ и oyiri jQuery pickers:
// jQuery
const fooDivs = $('.foo div');
// native
const fooDivs = document.querySelectorAll('.foo div');Ị nwere ike ugbu a ijikwa klaasị elementrị :
// jQuery
$('#warning').toggleClass('visible');
// native
document.querySelector('#warning').classList.toggle('visible');Na saịtị ahụ Nke a bụ ọnọdụ ole na ole ọzọ enwere ike iji koodu ala dochie koodu jQuery. Ụfọdụ ndị mmepe na-arapara n'ahụ jQuery n'ihi na ha amaghị maka API ọhụrụ, mana mgbe ha mere, ha na-amalite iji ọbá akwụkwọ ahụ obere oge.
Iji njirimara ala nna na-eme ka arụmọrụ ibe dịkwuo mma. Ọtụtụ ugbu a ị nwere ike mejuputa na-eji CSS.
Ihe nke abụọ kpatara ya bụ na a na-emelite ihe nchọgharị ngwa ngwa karịa ka ọ dị na mbụ. Ọtụtụ n'ime ha na-eji , ewezuga Apple Safari. Enwere ike imelite ha n'azụ na-enweghị ntinye aka onye ọrụ yana ejikọtaghị ya na mmelite OS.
Nke a pụtara na a na-ekesa atụmatụ ihe nchọgharị ọhụrụ na ndozi ahụhụ ngwa ngwa, ndị mmepe anaghị echere ruo mgbe ga-eru ọkwa dị mma. Ha nwere ike iji obi ike na-eji atụmatụ ọhụrụ na API na-enweghị nbudata jQuery ma ọ bụ polyfills.
Ihe nke atọ kpatara ya bụ na Internet Explorer na-abịaru nso na ọnọdụ adịghị mkpa. IE bụ ogologo oge na-egbochi mmepe weebụ gburugburu ụwa. Njehie ya juru ebe niile, na n'ihi na IE chịrị afọ 2000 ma ghara iji atụmatụ mmelite mgbe ọ bụla, ụdị ochie ka na-ahụkarị.
N'afọ 2016, Microsoft kwalitere mwepụ nke IE, nke iri na nsụgharị mbụ, na-amachi nkwado na IE 11. Na-arịwanye elu, ndị mmepe weebụ nwere okomoko nke ileghara IE ndakọrịta.
Ọbụna jQuery kwụsịrị ịkwado IE 8 na n'okpuru malite na , bipụtara na 2013. Ma ọ bụ ezie na n'ọnọdụ ụfọdụ IE nkwado ka achọrọ, dịka ọmụmaatụ, na saịtị ochie, ọnọdụ ndị a na-ebilite obere oge.
Usoro ọhụrụ
Ebe ọ bụ na ọbịbịa nke jQuery, e mepụtala ọtụtụ usoro, gụnyere ndị isi nke oge a , и . Ha nwere uru abụọ dị mkpa karịa jQuery.
Nke mbụ, ha na-eme ka ọ dị mfe ikewapụ interface onye ọrụ n'ime components. A haziri ụkpụrụ iji jikwaa nsụgharị na mmelite ibe. Na jQuery na-ejikarị naanị maka imelite, na-ahapụ ọrụ nke ịnye ibe mbụ na sava ahụ.
N'aka nke ọzọ, React, Angular na Vue components na-enye gị ohere ijikọta HTML, koodu na ọbụna CSS. Dị nnọọ ka anyị na-ekewa koodu isi n'ime ọtụtụ ọrụ na klaasị nwere onwe ya, ike nke kewaa interface ahụ n'ime ihe ndị a na-emegharịgharị na-eme ka ọ dịkwuo mfe ịmepụta na ịnọgide na-enwe saịtị dị mgbagwoju anya.
Uru nke abụọ bụ na usoro ndị na-adịbeghị anya na-agbaso ụkpụrụ nkwupụta, nke onye mmepụta na-akọwa ihe interface ahụ kwesịrị ịdị ka ya ma hapụ ya ka ọ gbanwee mgbanwe niile dị mkpa iji nweta ihe a chọrọ. Ụzọ a megidere ụzọ dị mkpa nke na-akọwa koodu jQuery.
Na jQuery, ị ga-edepụta usoro iji mee mgbanwe ọ bụla. Na n'usoro nkwupụta ị na-ekwu, "Dịka data a si dị, interface ahụ kwesịrị ịdị ka nke a." Nke a nwere ike ime ka ide koodu na-enweghị ahụhụ dị mfe karị.
Ndị mmepe anabatala ụzọ ọhụrụ maka mmepe webụsaịtị, nke mere na ewu ewu jQuery ebelatala.
Kedu mgbe iji jQuery?
Yabụ mgbe ga- eji jQuery?
Ọ bụrụ na mgbagwoju anya nke ọrụ ahụ na-abawanye, mgbe ahụ, ọ ka mma ịmalite na ọbá akwụkwọ ọzọ ma ọ bụ usoro nke na-enye gị ohere ijikwa mgbagwoju anya nke ọma. Dịka ọmụmaatụ, kewaa interface ahụ n'ime akụkụ. Iji jQuery na saịtị ndị dị otú ahụ nwere ike ịdị mma na mbụ, mana ọ ga-eduga ngwa ngwa na koodu spaghetti ebe ị na-ejighị n'aka nke iberibe na-emetụta akụkụ nke ibe ahụ.
Anọwo m n'ọnọdụ dị otú ahụ, mgbe m na-agbalị ime mgbanwe ọ bụla, ọ na-adị m ka ọrụ siri ike. Ị pụghị ijide n'aka na ị gaghị agbaji ihe ọ bụla n'ihi na ndị na-ahọrọ jQuery na-adabere na nhazi HTML nke ihe nkesa na-emepụta.
N'akụkụ nke ọzọ nke ọnụ ọgụgụ ahụ bụ saịtị dị mfe nke chọrọ naanị ntakịrị mmekọrịta ma ọ bụ ọdịnaya siri ike. Agaghị m ahapụ jQuery n'ọnọdụ ndị a, n'ihi na enwere ọtụtụ ihe ndị ọzọ ị nwere ike iji API ala mee.
Ọbụna ma ọ bụrụ na achọrọ m ihe dị ike karị, m ga-achọ ụlọ akwụkwọ pụrụ iche, dịka. maka Ajax ma ọ bụ maka animation. Nke a ga-adị mfe karịa ịkwanye jQuery niile maka obere ọrụ.
Echere m na ihe kachasị mma maka iji jQuery bụ na ọ na-enye ọrụ zuru oke maka njedebe ihu nke weebụsaịtị. Kama ịmụta ụdị API dị iche iche ma ọ bụ ụlọ akwụkwọ ọpụrụiche, ị nwere ike ịgụ naanị jQuery akwụkwọ wee na-arụpụta ngwa ngwa.
Ụzọ dị mkpa adịghị abawanye nke ọma, mana ọ dị mfe ịmụta karịa usoro nkwupụta nke ụlọ akwụkwọ ndị ọzọ. Maka saịtị nwere ikike doro anya nwere oke, ọ ka mma iji jQuery ma rụọ ọrụ nwayọ: ọbá akwụkwọ anaghị achọ mgbakọ dị mgbagwoju anya ma ọ bụ nchịkọta.
Na mgbakwunye, jQuery dị mma ma ọ bụrụ na ị kwenye na saịtị gị agaghị adị mgbagwoju anya ka oge na-aga, ma ọ bụrụ na ịchọghị ịma gbasara ọrụ obodo, nke ga-achọrịrị ide koodu karịa jQuery.
Ị nwekwara ike iji ọba akwụkwọ a ma ọ bụrụ na ịchọrọ ịkwado ụdị ochie nke IE. Mgbe ahụ jQuery ga-ejere gị ozi dị ka ọ na-eme n'oge IE bụ ihe nchọgharị kachasị ewu ewu.
Legodị anya n’ọdịnihu
jQuery agaghị apụ n'anya n'oge adịghị anya. Nwanyị , na ọtụtụ ndị mmepe na-ahọrọ iji API ya, ọ bụrụgodị na ụzọ ala dị. Ọbá akwụkwọ ahụ enyerela ọgbọ dum nke ndị mmepe aka ịmepụta weebụsaịtị na-arụ ọrụ na ihe nchọgharị ọ bụla. Ọ bụ ezie na e jirila ọbaakwụkwọ ọhụrụ, ụkpụrụ, na ihe atụ dochie ya n'ọtụtụ ụzọ, jQuery ekerewo òkè dị mma nke ukwuu n'ịmepụta webụ ọgbara ọhụrụ.
Ọ gwụla ma ọrụ jQuery gbanwere nke ukwuu, ọ ga-abụ na ojiji nke ọba akwụkwọ ahụ ga-aga n'ihu na-eji nwayọ mana ọ na-agbadata n'ime afọ ole na ole sochirinụ. A na-ewuli webụsaịtị ọhụrụ site na iji usoro ọgbara ọhụrụ site na mmalite, na ikpe ojiji kwesịrị ekwesị maka jQuery na-adịwanye ụkọ.
Ụfọdụ ndị anaghị enwe mmasị na ọnụego nke ngwá ọrụ mmepe weebụ na-aghọ ihe mgbe ochie, ma nye m ọ bụ ihe àmà nke ọganihu ngwa ngwa. jQuery enyela anyị ohere ime ọtụtụ ihe ka mma. Otú ahụ ka ọ dịkwa ndị nọchiri ya.
isi: www.habr.com