{"id":38523,"date":"2019-10-31T22:24:17","date_gmt":"2019-10-31T19:24:17","guid":{"rendered":"https:\/\/prohoster.info\/blog\/istoriya-i-nasledie-jquery\/"},"modified":"2019-10-31T22:24:17","modified_gmt":"2019-10-31T19:24:17","slug":"istoriya-i-nasledie-jquery","status":"publish","type":"post","link":"https:\/\/prohoster.info\/lv\/blog\/news\/istoriya-i-nasledie-jquery","title":{"rendered":"jQuery v\u0113sture un mantojums","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p><img decoding=\"async\" alt=\"jQuery v\u0113sture un mantojums\" src=\"\/wp-content\/uploads\/2019\/10\/beb7b33761181e6b478031cf1b85e6c6.jpeg\" style=\"display:block;margin: 0 auto;\" \/><br \/>\njQuery \u2014 <noindex><a rel=\"nofollow\" href=\"https:\/\/trends.builtwith.com\/javascript\/jQuery\">t\u0101 ir vispopul\u0101r\u0101k\u0101<\/a><\/noindex> pasaule JavaScript bibliot\u0113ka. T\u0101s izstr\u0101d\u0101t\u0101ju kopiena rad\u012bja to 2000. gadu beig\u0101s, kas noveda pie bag\u0101tas viet\u0146u, spraud\u0146u un ietvaru ekosist\u0113mas, kas izmanto jQuery sav\u0101 pamat\u0101.<\/p>\n<p>Bet p\u0113d\u0113jos gados t\u0101s statuss k\u0101 galvenajam r\u012bkam web izstr\u0101d\u0113 ir v\u0101jin\u0101jies. Apskat\u012bsim, k\u0101p\u0113c jQuery k\u013cuva popul\u0101ra un k\u0101p\u0113c t\u0101 izk\u013cuva no modes, un ar\u012b t\u0101dos gad\u012bjumos, kad joproj\u0101m var b\u016bt lietder\u012bgi to izmantot modernu viet\u0146u izveid\u0113.<br \/>\n<noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><\/p>\n<h2>\u012asa jQuery v\u0113sture<\/h2>\n<p>\nD\u017eons Rezigs (<noindex><a rel=\"nofollow\" href=\"https:\/\/johnresig.com\/\">John Resig<\/a><\/noindex>) izveidoja pirmo bibliot\u0113kas versiju 2005. gad\u0101 un <noindex><a rel=\"nofollow\" href=\"https:\/\/johnresig.com\/blog\/barcampnyc-wrap-up\/\">public\u0113ja 2006.<\/a><\/noindex>-aj\u0101 pas\u0101kum\u0101, kas sauc\u0101s BarCampNYC. Uz <noindex><a rel=\"nofollow\" href=\"https:\/\/web.archive.org\/web\/20060203025710\/http:\/\/jquery.com\/\">ofici\u0101l\u0101s jQuery t\u012bmek\u013ca vietnes<\/a><\/noindex> autors uzrakst\u012bja:<\/p>\n<blockquote><p>jQuery \u2014 t\u0101 ir Javascript bibliot\u0113ka, kuras pamat\u0101 ir dev\u012bze: Programm\u0113\u0161ana ar Javascript ir j\u0101padara pat\u012bkama. jQuery ir iz\u0146\u0113musi bie\u017ei sastopamos, atk\u0101rtojo\u0161os uzdevumus, iz\u0146emot visu nevajadz\u012bgo mar\u0137\u0113jumu un padarot tos \u012bsus, eleganti un saprotamus.<\/p><\/blockquote>\n<p>\njQuery ir divas galven\u0101s priek\u0161roc\u012bbas. Pirm\u0101 \u2014 t\u0101 ir \u0113rta API, lai manipul\u0113tu ar t\u012bmek\u013ca lap\u0101m. Proti, t\u0101 pied\u0101v\u0101 jaud\u012bgas metodes elementu atlasei. Var izv\u0113l\u0113ties ne tikai p\u0113c ID vai klas\u0113m, jQuery \u013cauj rakst\u012bt sare\u017e\u0123\u012btas izteiksmes, piem\u0113ram, lai izv\u0113l\u0113tos elementus, pamatojoties uz to savstarp\u0113j\u0101m attiec\u012bb\u0101m ar citiem elementiem:<\/p>\n<pre><code class=\"javascript\">\/\/ Select every item within the list of people within the contacts element\n$('#contacts ul.people li');<\/code><\/pre>\n<p>\nLaika gait\u0101 atlases meh\u0101nisms k\u013cuva par atsevi\u0161\u0137u bibliot\u0113ku <noindex><a rel=\"nofollow\" href=\"https:\/\/sizzlejs.com\/\">Sizzle<\/a><\/noindex>.<\/p>\n<p>Otr\u0101 bibliot\u0113kas priek\u0161roc\u012bba bija t\u0101, ka t\u0101 abstrah\u0113ja at\u0161\u0137ir\u012bbas starp p\u0101rl\u016bkprogramm\u0101m. Tajos gados bija gr\u016bti rakst\u012bt kodu, kas var\u0113tu dro\u0161i darboties vis\u0101s p\u0101rl\u016bkprogramm\u0101s. <\/p>\n<p>Standartiz\u0101cijas tr\u016bkums noz\u012bm\u0113ja, ka izstr\u0101d\u0101t\u0101jiem bija j\u0101\u0146em v\u0113r\u0101 daudzas at\u0161\u0137ir\u012bbas starp p\u0101rl\u016bkprogramm\u0101m un robe\u017eas gad\u012bjumi. Apskatiet <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/daniellmb\/jquery-archive\/blob\/master\/jquery.2006-07-01.js\">\u0161o agr\u012bno jQuery avota kodu<\/a><\/noindex> un mekl\u0113jiet jQuery.browser. \u0160is ir viens no piem\u0113riem:<\/p>\n<pre><code class=\"javascript\">\/\/ If Mozilla is used\nif ( jQuery.browser == \"mozilla\" || jQuery.browser == \"opera\" ) {\n        \/\/ Use the handy event callback\n        jQuery.event.add( document, \"DOMContentLoaded\", jQuery.ready );\n\n\/\/ If IE is used, use the excellent hack by Matthias Miller\n\/\/ http:\/\/www.outofhanwell.com\/blog\/index.php?title=the_window_onload_problem_revisited\n} else if ( jQuery.browser == \"msie\" ) {\n\n        \/\/ Only works if you document.write() it\n        document.write(\"&lt;scr\" + \"ipt id=__ie_init defer=true \" + \n                \"src=javascript:void(0)&gt;&lt;\/script&gt;\");\n\n        \/\/ Use the defer script hack\n        var script = document.getElementById(\"__ie_init\");\n        script.onreadystatechange = function() {\n                if ( this.readyState == \"complete\" )\n                        jQuery.ready();\n        };\n\n        \/\/ Clear from memory\n        script = null;\n\n\/\/ If Safari  is used\n} else if ( jQuery.browser == \"safari\" ) {\n        \/\/ Continually check to see if the document.readyState is valid\n        jQuery.safariTimer = setInterval(function(){\n                \/\/ loaded and complete are both valid states\n                if ( document.readyState == \"loaded\" || \n                        document.readyState == \"complete\" ) {\n\n                        \/\/ If either one are found, remove the timer\n                        clearInterval( jQuery.safariTimer );\n                        jQuery.safariTimer = null;\n\n                        \/\/ and execute any waiting functions\n                        jQuery.ready();\n                }\n        }, 10);\n}<\/code><\/pre>\n<p>\nUn, pateicoties jQuery, izstr\u0101d\u0101t\u0101ji var\u0113ja novirz\u012bt r\u016bpes par visiem \u0161iem zem\u016bdens akme\u0146iem uz bibliot\u0113kas att\u012bst\u012bbas komandu.<\/p>\n<p>V\u0113l\u0101k jQuery atviegloja sare\u017e\u0123\u012btu tehnolo\u0123iju, piem\u0113ram, anim\u0101ciju un Ajax, ievie\u0161anu. Bibliot\u0113ka faktiski k\u013cuva par standarta atkar\u012bbu t\u012bmek\u013ca vietn\u0113m. Un \u0161odien t\u0101 nodro\u0161ina daudzu interneta da\u013cu darb\u012bbu. W3Techs uzskata, ka <noindex><a rel=\"nofollow\" href=\"https:\/\/w3techs.com\/technologies\/details\/js-jquery\/all\/all\">74 % viet\u0146u \u0161odien izmanto jQuery<\/a><\/noindex>.<\/p>\n<p>Uzraudz\u012bba par jQuery att\u012bst\u012bbu ar\u012b k\u013cuva form\u0101l\u0101ka. 2011. gad\u0101 komanda <noindex><a rel=\"nofollow\" href=\"https:\/\/blog.jquery.com\/2011\/11\/18\/getting-board-of-jquery\/\">izveidoja jQuery Board<\/a><\/noindex>. Un 2012. gad\u0101 jQuery Board<noindex><a rel=\"nofollow\" href=\"https:\/\/blog.jquery.com\/2012\/03\/06\/announcing-the-jquery-foundation\/\"> p\u0101rveidoj\u0101s par jQuery Foundation<\/a><\/noindex>.<\/p>\n<p>2015. gad\u0101 jQuery Foundation pievienoj\u0101s Dojo Foundation,<noindex><a rel=\"nofollow\" href=\"https:\/\/blog.jquery.com\/2015\/09\/01\/jquery-foundation-and-dojo-foundation-to-merge\/\"> lai izveidotu JS Foundation<\/a><\/noindex>, kas v\u0113l\u0101k apvienoj\u0101s ar Node.js Foundation<noindex><a rel=\"nofollow\" href=\"https:\/\/medium.com\/@nodejs\/introducing-the-openjs-foundation-the-next-phase-of-javascript-ecosystem-growth-d4911b42664f\"> 2019<\/a><\/noindex>\u2212 gad\u0101, lai izveidotu<noindex><a rel=\"nofollow\" href=\"https:\/\/openjsf.org\/\"> OpenJS Foundation<\/a><\/noindex>, kur\u0101 jQuery bija viens no &#171;<noindex><a rel=\"nofollow\" href=\"https:\/\/openjsf.org\/projects\/#impact\">p\u0101rsteidzo\u0161ajiem projektiem<\/a><\/noindex>.&#187;<\/p>\n<h2>Main\u012bg\u0101s apk\u0101rt\u012bbas<\/h2>\n<p>\nTom\u0113r p\u0113d\u0113jos gados jQuery <noindex><a rel=\"nofollow\" href=\"https:\/\/trends.google.com\/trends\/explore\/TIMESERIES\/1564319400?hl=en-US&amp;tz=240&amp;date=all&amp;geo=US&amp;q=jquery&amp;sni=3\">ir zaud\u0113jusi savu popularit\u0101ti<\/a><\/noindex>. GitHub<noindex><a rel=\"nofollow\" href=\"https:\/\/github.blog\/2018-09-06-removing-jquery-from-github-frontend\/\"> no\u0146\u0113ma bibliot\u0113ku no sava priek\u0161gala<\/a><\/noindex>. Bootstrap v5 <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/twbs\/bootstrap\/pull\/23586\">atsak\u0101s no jQuery<\/a><\/noindex>, jo tas ir vi\u0146a \u00ab<noindex><a rel=\"nofollow\" href=\"https:\/\/blog.getbootstrap.com\/2019\/02\/11\/bootstrap-4-3-0\/\">liel\u0101k\u0101 klientu atkar\u012bba parastajam JavaScript<\/a><\/noindex>\u00bb (\u0161obr\u012bd t\u0101s izm\u0113rs ir 30 Kb, minimiz\u0113ts un iesai\u0146ots). Da\u017eas tendences t\u012bmek\u013ca izstr\u0101d\u0113 ir v\u0101jin\u0101ju\u0161as jQuery poz\u012bciju k\u0101 nepiecie\u0161amu r\u012bku.<\/p>\n<h3>P\u0101rl\u016bkprogrammas<\/h3>\n<p>\nK\u0101ds iemesls ir tas, ka starp\u012bbu un ierobe\u017eojumu noz\u012bm\u012bba starp p\u0101rl\u016bkprogramm\u0101m ir k\u013cuvusi maz\u0101k svar\u012bga. Pirmk\u0101rt, ir uzlabojusies standartiz\u0101cija. Galvenie p\u0101rl\u016bkprogrammu izstr\u0101d\u0101t\u0101ji (Apple, Google, Microsoft un Mozilla) kop\u012bgi izstr\u0101d\u0101<noindex><a rel=\"nofollow\" href=\"https:\/\/spec.whatwg.org\/\"> t\u012bmek\u013ca standartus<\/a><\/noindex> saska\u0146\u0101 ar<noindex><a rel=\"nofollow\" href=\"https:\/\/whatwg.org\/\"> Web Hypertext Application Technology Working Group<\/a><\/noindex>.<br \/>\nLai gan p\u0101rl\u016bkprogrammas joproj\u0101m at\u0161\u0137iras cit\u0101s svar\u012bg\u0101s jom\u0101s, pieg\u0101d\u0101t\u0101jiem vismaz ir l\u012bdzek\u013ci, lai atrastu un izveidotu kop\u0113ju b\u0101zi, nevis <noindex><a rel=\"nofollow\" href=\"https:\/\/thehistoryoftheweb.com\/browser-wars\/\">past\u0101v\u012bgu karu<\/a><\/noindex> starp vi\u0146iem. Attiec\u012bgi p\u0101rl\u016bkprogrammu API ir ieguvu\u0161i jaunas iesp\u0113jas. Piem\u0113ram, <noindex><a rel=\"nofollow\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Fetch_API\">Fetch API<\/a><\/noindex> var aizst\u0101t jQuery Ajax funkcijas:<\/p>\n<pre><code class=\"javascript\">\/\/ jQuery\n$.getJSON('https:\/\/api.com\/songs.json')\n    .done(function (songs) {\n        console.log(songs);\n    })\n\n\/\/ native\nfetch('https:\/\/api.com\/songs.json')\n    .then(function (response) {\n        return response.json();\n    })\n    .then(function (songs) {\n        console.log(songs);\n    });<\/code><\/pre>\n<p>\nMetodes <noindex><a rel=\"nofollow\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document\/querySelector\">querySelector<\/a><\/noindex> un<noindex><a rel=\"nofollow\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document\/querySelectorAll\"> querySelectorAll<\/a><\/noindex> dupl\u0113 jQuery izv\u0113les l\u012bdzek\u013cus:<\/p>\n<pre><code class=\"javascript\">\/\/ jQuery\nconst fooDivs = $('.foo div');\n\n\/\/ native\nconst fooDivs = document.querySelectorAll('.foo div');<\/code><\/pre>\n<p>\nElementu kla\u0161u manipul\u0101cija tagad ir iesp\u0113jama, izmantojot <noindex><a rel=\"nofollow\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Element\/classList\">classList<\/a><\/noindex>:<\/p>\n<pre><code class=\"javascript\">\/\/ jQuery\n$('#warning').toggleClass('visible');\n\n\/\/ native\ndocument.querySelector('#warning').classList.toggle('visible');<\/code><\/pre>\n<p>\nM\u0101jas lap\u0101<noindex><a rel=\"nofollow\" href=\"http:\/\/youmightnotneedjquery.com\/\"> Jums var\u0113tu nevajadz\u0113t jQuery<\/a><\/noindex> ir uzskait\u012btas v\u0113l da\u017eas situ\u0101cijas, kur\u0101s jQuery kodu var aizst\u0101t ar nativu kodu. Da\u017ei izstr\u0101d\u0101t\u0101ji vienm\u0113r paliek pie jQuery, jo vienk\u0101r\u0161i nezina par jaunajiem API, bet, kad uzzina, s\u0101k to izmantot ret\u0101k.<\/p>\n<p>Nativu iesp\u0113ju izmanto\u0161ana \u013cauj palielin\u0101t lapu veiktsp\u0113ju. Daudzus <noindex><a rel=\"nofollow\" href=\"https:\/\/api.jquery.com\/category\/effects\/\">jQuery anim\u0101cijas efektus<\/a><\/noindex> tagad var ieviest<noindex><a rel=\"nofollow\" href=\"https:\/\/dev.opera.com\/articles\/css3-vs-jquery-animations\/\"> krietni efekt\u012bv\u0101k<\/a><\/noindex> izmantojot CSS.<\/p>\n<p>Otrs iemesls ir tas, ka p\u0101rl\u016bkprogrammas tiek atjaunin\u0101tas daudz \u0101tr\u0101k nek\u0101 agr\u0101k. Liel\u0101kaj\u0101 da\u013c\u0101 no t\u0101m tiek piem\u0113rota <noindex><a rel=\"nofollow\" href=\"https:\/\/www.techopedia.com\/definition\/31094\/evergreen-browser\">\u00abm\u016b\u017eza\u013c\u0101\u00bb atjaunin\u0101\u0161anas strat\u0113\u0123ija<\/a><\/noindex>, iz\u0146emot Apple Safari. T\u0101s var tikt atjaunin\u0101tas fona re\u017e\u012bm\u0101 bez lietot\u0101ja iesaistes un nav saist\u012btas ar oper\u0113t\u0101jsist\u0113mas atjaunin\u0101jumiem.<\/p>\n<p>Tas noz\u012bm\u0113, ka jaunas p\u0101rl\u016bkprogrammu iesp\u0113jas un k\u013c\u016bdu labojumi tiek izplat\u012bti daudz \u0101tr\u0101k, un izstr\u0101d\u0101t\u0101jiem nav j\u0101p\u0101rgaida, kam\u0113r da\u013ca <noindex><a rel=\"nofollow\" href=\"https:\/\/caniuse.com\/\">Can I Use<\/a><\/noindex> sasniegs pie\u0146emamu l\u012bmeni. Tie var dro\u0161i izmantot jaunas funkcijas un API bez jQuery vai polifiliem.<\/p>\n<p>Tre\u0161\u0101 iemesls ir tas, ka Internet Explorer tuvojas piln\u012bgas noveco\u0161anas st\u0101voklim. IE jau sen ir k\u013cuvis par l\u0101stu t\u012bmek\u013ca izstr\u0101dei vis\u0101 pasaul\u0113. Tam rakstur\u012bgi k\u013c\u016bdas ir biju\u0161as pla\u0161i izplat\u012btas, un, t\u0101 k\u0101 IE domin\u0113ja 2000. gadu s\u0101kum\u0101 un neizmantoja \u201em\u016b\u017eza\u013co\u201d atjauno\u0161anas strat\u0113\u0123iju, l\u012bdz m\u016bsdien\u0101m joproj\u0101m bie\u017ei sastopamas senas versijas.<\/p>\n<p>2016. gad\u0101 Microsoft pa\u0101trin\u0101ja IE izn\u012bk\u0161anu, <noindex><a rel=\"nofollow\" href=\"https:\/\/www.microsoft.com\/en-us\/microsoft-365\/windows\/end-of-ie-support\">p\u0101rtraucot atbalstu<\/a><\/noindex> desmitajai un agr\u0101k\u0101m versij\u0101m, ierobe\u017eojot atbalstu uz IE 11. Un arvien bie\u017e\u0101k t\u012bmek\u013ca izstr\u0101d\u0101t\u0101ji var at\u013cauties ignor\u0113t sader\u012bbu ar IE.<\/p>\n<p>Pat jQuery p\u0101rtrauca atbalst\u012bt IE 8 un zem\u0101k kop\u0161 <noindex><a rel=\"nofollow\" href=\"https:\/\/blog.jquery.com\/2013\/04\/18\/jquery-2-0-released\/\">versijas 2.0<\/a><\/noindex>, kas tika izlaista 2013. gad\u0101. Un, lai gan da\u017eos gad\u012bjumos joproj\u0101m ir nepiecie\u0161ams atbalsts IE, piem\u0113ram, vec\u0101s vietn\u0113s, \u0161\u0101das situ\u0101cijas k\u013c\u016bst arvien ret\u0101kas.<\/p>\n<h3>Jauni framewoki<\/h3>\n<p>\nKop\u0161 jQuery par\u0101d\u012b\u0161an\u0101s ir izveidoti daudzi framewoki, tostarp m\u016bsdienu l\u012bderi <noindex><a rel=\"nofollow\" href=\"https:\/\/reactjs.org\/\">React<\/a><\/noindex>,<noindex><a rel=\"nofollow\" href=\"https:\/\/angular.io\/\"> Angular<\/a><\/noindex> un <noindex><a rel=\"nofollow\" href=\"https:\/\/vuejs.org\/\">Vue<\/a><\/noindex>. Vi\u0146iem ir divi svar\u012bgi ieguvumi sal\u012bdzin\u0101jum\u0101 ar jQuery.<\/p>\n<p>Pirmk\u0101rt, tie \u013cauj viegli sadal\u012bt lietot\u0101ja saskarni komponentos. Framewoki ir izstr\u0101d\u0101ti, lai apstr\u0101d\u0101tu render\u0113\u0161anu un lapas atjaunin\u0101\u0161anu. Savuk\u0101rt jQuery parasti tiek izmantots tikai atjaunin\u0101\u0161anai, uzliekot serverim uzdevumu nodro\u0161in\u0101t s\u0101kotn\u0113jo lapu.<\/p>\n<p>No otras puses, React, Angular un Vue komponenti \u013cauj cie\u0161i saist\u012bt HTML, kodu un pat CSS. T\u0101pat k\u0101 m\u0113s sadal\u0101m kodu vair\u0101k\u0101s patst\u0101v\u012bg\u0101s funkcij\u0101s un klas\u0113s, iesp\u0113ja dal\u012bt saskarni atk\u0101rtoti izmantojam\u0101s komponent\u0113s atvieglo sare\u017e\u0123\u012btu viet\u0146u veido\u0161anu un apkopi.<\/p>\n<p>Otrs ieguvums ir tas, ka jaun\u0101kie framewoki iev\u0113ro deklarat\u012bvo paradigmu, kur\u0101 izstr\u0101d\u0101t\u0101js apraksta, k\u0101dai j\u0101izskat\u0101s saskarnei, bet visus nepiecie\u0161amos izmai\u0146u veik\u0161anas uzdevumus uz\u0146em framewoks. \u0160is pieejas veids ir pretstat\u0101 imperat\u012bvajai pieejai, kas rakstur\u012bga jQuery kodam.<\/p>\n<p>jQuery j\u016bs skaidri nor\u0101d\u0101t so\u013cus, lai veiktu k\u0101das izmai\u0146as. Savuk\u0101rt deklarat\u012bvaj\u0101 framewok\u0101 j\u016bs sak\u0101t: \u201eSaska\u0146\u0101 ar \u0161iem datiem, saskarnei j\u0101izskat\u0101s t\u0101.\u201d Tas var \u013coti atvieglot koda rakst\u012b\u0161anu bez k\u013c\u016bd\u0101m.<\/p>\n<p>Izstr\u0101d\u0101t\u0101ji ir pie\u0146\u0113mu\u0161i jaunus pieejas veidus t\u012bmek\u013ca viet\u0146u izstr\u0101d\u0113, k\u0101 rezult\u0101t\u0101 jQuery popularit\u0101te ir samazin\u0101jusies.<\/p>\n<h2>Kad izmantot jQuery?<\/h2>\n<p>\nKad tad <i>j\u0101 <\/i>izmantojiet jQuery?<\/p>\n<p>Ja projekta sare\u017e\u0123\u012bt\u012bba pieaugs, lab\u0101k ir s\u0101kt ar citu bibliot\u0113ku vai ietvaru, kas \u013cauj sapr\u0101t\u012bgi p\u0101rvald\u012bt sare\u017e\u0123\u012bt\u012bbu. Piem\u0113ram, sadal\u012bt saskarni komponentos. jQuery izmanto\u0161ana \u0161\u0101d\u0101s vietn\u0113s pirmajos so\u013cos var \u0161\u0137ist pie\u0146emama, bet tas \u0101tri noved\u012bs pie spageti koda ra\u0161an\u0101s, kad j\u016bs neb\u016bsiet p\u0101rliecin\u0101ti, kuru fragmentu uz kuru lapas da\u013cu tas ietekm\u0113.<\/p>\n<p>Es esmu bijis \u0161\u0101d\u0101 situ\u0101cij\u0101, kad, m\u0113\u0123inot veikt jebk\u0101das izmai\u0146as, rodas saj\u016bta par gr\u016btu uzdevumu. Nav iesp\u0113jams b\u016bt dro\u0161am, ka nekas nesal\u016bz\u012bs, jo jQuery selektori ir atkar\u012bgi no HTML strukt\u016bras, ko izveidojis serveris.<\/p>\n<p>Citas gal\u0101 ir vienk\u0101r\u0161as vietnes, kur\u0101m nepiecie\u0161ama tikai neliela interaktivit\u0101te vai dinamiska satura. \u0160\u0101d\u0101s situ\u0101cij\u0101s es ar\u012b nem\u0113\u0123in\u0101tu p\u0113c noklus\u0113juma izmantot jQuery, jo ar nativajiem API var izdar\u012bt daudz vair\u0101k.<\/p>\n<p>Pat ja man b\u016bs nepiecie\u0161ams kaut kas jaud\u012bg\u0101ks, es mekl\u0113\u0161u specializ\u0113tu bibliot\u0113ku, piem\u0113ram, <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/axios\/axios\">axios<\/a><\/noindex> Ajax vai<noindex><a rel=\"nofollow\" href=\"https:\/\/daneden.github.io\/animate.css\/\"> Animate.css<\/a><\/noindex> anim\u0101cij\u0101m. Tas b\u016bs vienk\u0101r\u0161\u0101k, nek\u0101 iel\u0101d\u0113t visu jQuery mazu funkcionalit\u0101ti.<\/p>\n<p>Es dom\u0101ju, ka lab\u0101kais iemesls jQuery izmanto\u0161anai ir tas, ka t\u0101 nodro\u0161ina visaptvero\u0161u funkcionalit\u0101ti t\u012bmek\u013ca vietnes frontendam. T\u0101 viet\u0101, lai apg\u016btu da\u017e\u0101dus nativus API vai specializ\u0113t\u0101s bibliot\u0113kas, j\u016bs varat izlas\u012bt tikai jQuery dokument\u0101ciju un t\u016bl\u012bt k\u013c\u016bt produkt\u012bvi.<\/p>\n<p>Imperat\u012bvais pieejas veids slikti m\u0113rogojas, bet to ir viegl\u0101k apg\u016bt nek\u0101 citu bibliot\u0113ku deklarat\u012bv\u0101s pieejas. T\u012bmek\u013ca vietnei ar skaidri ierobe\u017eot\u0101m iesp\u0113j\u0101m lab\u0101k ir izmantot jQuery un mier\u012bgi str\u0101d\u0101t: bibliot\u0113ka neprasa sare\u017e\u0123\u012btu kompil\u0101ciju vai sagatavo\u0161anu.<\/p>\n<p>Turkl\u0101t jQuery ir laba, ja esat p\u0101rliecin\u0101ts, ka vietne nep\u0101rv\u0113rt\u012bsies sare\u017e\u0123\u012bt\u0101k\u0101 projekt\u0101, un ja j\u016bs nesatrauc nativ\u0101 funkcionalit\u0101te, kas neap\u0161aub\u0101mi pras\u012bs rakst\u012bt vair\u0101k kodu nek\u0101 jQuery.<\/p>\n<p>J\u016bs varat ar\u012b izmantot \u0161o bibliot\u0113ku, ja ir nepiecie\u0161ams atbalst\u012bt vec\u0101kas IE versijas. T\u0101d\u0101 gad\u012bjum\u0101 jQuery kalpos jums t\u0101pat k\u0101 tajos laikos, kad IE bija popul\u0101r\u0101kais p\u0101rl\u016bks.<\/p>\n<h2>Skats n\u0101kotn\u0113<\/h2>\n<p>\njQuery v\u0113l ilgi nepazud\u012bs. T\u0101 <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/jquery\/jquery\">akt\u012bvi att\u012bst\u0101s<\/a><\/noindex>, un daudzi izstr\u0101d\u0101t\u0101ji dod priek\u0161roku izmantot t\u0101s API, pat tad, ja ir pieejamas nativ\u0101s metodes. Bibliot\u0113ka ir pal\u012bdz\u0113jusi veselim izstr\u0101d\u0101t\u0101ju paudzei izveidot vietnes, kas darbojas vis\u0101s p\u0101rl\u016bkprogramm\u0101s. Un, lai ar\u012b daudzos aspektos to ir aizst\u0101ju\u0161as jaunas bibliot\u0113kas, ietvari un paradigmas, jQuery ir sp\u0113l\u0113jusi milz\u012bgu pozit\u012bvu lomu m\u016bsdienu t\u012bmek\u013ca izveid\u0113.<\/p>\n<p>Ja jQuery funkcionalit\u0101te b\u016btiski nemain\u012bsies, ir visai iesp\u0113jams, ka n\u0101kamo p\u0101ris gadu laik\u0101 bibliot\u0113kas izmanto\u0161ana turpin\u0101s l\u0113ni, bet nenov\u0113r\u0161ami samazin\u0101ties. Jaun\u0101s t\u012bmek\u013ca vietnes parasti tiek veidotas, izmantojot modernas ietvarprogrammas, un atbilsto\u0161i jQuery izmanto\u0161anas scen\u0101riji rodas arvien ret\u0101k.<\/p>\n<p>K\u0101dam nepat\u012bk r\u012bku noveco\u0161anas intensit\u0101te t\u012bmek\u013ca izstr\u0101d\u0113, bet man tas liecina par \u0101tru progresu. jQuery \u013c\u0101va mums dar\u012bt daudz lab\u0101k. Tas pats attiecas uz t\u0101s mantot\u0101jiem.<br \/>\n<br \/>Avots: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/company\/mailru\/blog\/468169\/\">habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>jQuery \u2014 \u044d\u0442\u043e \u0441\u0430\u043c\u0430\u044f \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u0430\u044f \u0432 \u043c\u0438\u0440\u0435 JavaScript-\u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430. \u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0441\u043e\u0437\u0434\u0430\u043b\u043e \u0435\u0451 \u0432 \u043a\u043e\u043d\u0446\u0435 2000-\u0445, \u0447\u0442\u043e \u043f\u0440\u0438\u0432\u0435\u043b\u043e \u043a \u0432\u043e\u0437\u043d\u0438\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u044e \u0431\u043e\u0433\u0430\u0442\u043e\u0439 \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0441\u0430\u0439\u0442\u043e\u0432, \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0438 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u043e\u0432, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0445 \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c jQuery. \u041d\u043e \u0432 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0433\u043e\u0434\u044b \u0435\u0451 \u0441\u0442\u0430\u0442\u0443\u0441 \u0433\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u0434\u043b\u044f \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u043e\u0448\u0430\u0442\u043d\u0443\u043b\u0441\u044f. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043f\u043e\u0447\u0435\u043c\u0443 jQuery \u0441\u0442\u0430\u043b\u0430 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0439 \u0438 \u043f\u043e\u0447\u0435\u043c\u0443 \u043e\u043d\u0430 \u0432\u044b\u0448\u043b\u0430 \u0438\u0437 \u043c\u043e\u0434\u044b, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0432 [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":28907,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-38523","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.5 - aioseo.com -->\n\t<meta name=\"description\" content=\"jQuery \u2014\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/lv\/blog\/news\/istoriya-i-nasledie-jquery\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.5\" \/>\n\t\t<meta property=\"og:locale\" content=\"lv_LV\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\ud83e\udd47\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u043d\u0430\u0441\u043b\u0435\u0434\u0438\u0435 jQuery | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"jQuery \u2014\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/lv\/blog\/news\/istoriya-i-nasledie-jquery\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-10-31T19:24:17+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-10-31T19:24:17+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47jQuery v\u0113sture un mantojums | ProHoster","description":"jQuery \u2014","canonical_url":"https:\/\/prohoster.info\/lv\/blog\/news\/istoriya-i-nasledie-jquery","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"lv_LV","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u043d\u0430\u0441\u043b\u0435\u0434\u0438\u0435 jQuery | ProHoster","og:description":"jQuery \u2014","og:url":"https:\/\/prohoster.info\/lv\/blog\/news\/istoriya-i-nasledie-jquery","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-10-31T19:24:17+00:00","article:modified_time":"2019-10-31T19:24:17+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"38523","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-23 22:22:33","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-03-01 01:07:40","updated":"2026-01-23 22:22:33","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/lv\/wp-json\/wp\/v2\/posts\/38523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/lv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/lv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/lv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/lv\/wp-json\/wp\/v2\/comments?post=38523"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/lv\/wp-json\/wp\/v2\/posts\/38523\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/lv\/wp-json\/wp\/v2\/media\/28907"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/lv\/wp-json\/wp\/v2\/media?parent=38523"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/lv\/wp-json\/wp\/v2\/categories?post=38523"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/lv\/wp-json\/wp\/v2\/tags?post=38523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}