jQuery -
ααα»αααααααα»αααααααααα»ααααΆαααααΆαα
α»ααααααααα ααααΆαααΆαααααααΆααΆα§αααααααΆααα»ααααααααΆααααΆαα’αα·ααααααααα αααααααΆαααααΆααα
α»αα ααΌααααα‘ααααΎαααΌαα ααα»ααα jQuery ααααΆαααΆααΆαααααα·αα α αΎαα ααα»α’αααΈααΆαααΆααΆααααΆααα
ααααΈαααΌα α αΎααααα»αααααΈααΆαααααΆαα
αααα½αααααΎααΆααΎααααΈαααααΎαααα αααααααααΎαα
αααααααα·αααααααα jQuery
John Resig (
jQuery ααΊααΆαααααΆααα Javascript αααααα’ααααΎααΆαα ααΆα Javascript αα½αααααΈαααΆααααα»αααΆααααααααΌαα jQuery αααα·α αα ααΆαααααααΆ α αααααα ααα ααααΌαααΆααααΆααααααΆααααααα·αα αΆαααΆα α α αΎαααααΎα±αααα½αααΆααααΈ ααΎαααΆα αα·αααα’αΆαα
jQuery ααΆαα’αααααααααααααααΆααααΈαα ααΈαα½αααΊααΆ API ααΆααααα½ααααααΆαααααα αααα αααααα ααΆαα·αααααΆαααααααΌααα·ααΈααΆαααααααααΆαα₯αααα·αααααααΆααααΆαααααΎαααΎαααΆαα»α αα·αααααΉαααα’αααα’αΆα ααααΎαααΎαααΆα ID α¬ class ααα»ααααααα jQuery α’αα»ααααΆαα±ααα’αααααααααααααααααα»αααααΆα α§ααΆα ααα ααΎααααΈααααΎαααΎαααΆαα»αααααα’ααααΎααααΆαααααααααααα½αααααΆαα½αααΆαα»ααααααααα
// Select every item within the list of people within the contacts element
$('#contacts ul.people li');
ααΌα α αα
ααααααΆαααααΎαααΎαααΆαααααΆαααΆαααααΆαααααΆα
ααααα‘αα
α’αααααααααααααΈααΈααααααααΆαααααΊααΆααΆα’ααΌααΈααΆααα»αααααΆαααΆααααααα·ααΈαα»αααα αααα»αβααααΆαβααα ααΆβααΆαβααΆαβααααΆαβαααα»αβααΆαβαααααβααΌαβαααβα’αΆα βααααΎαβααΆαβαααβααΆαβαα»αβα α·αααβααΆαβαααα»αβααααα browsers α
αααααααααΆαααααΎαααααααΆαααΆααααααΆα’αααα’αα·ααααααα
αΆαααΆα
αααααΌααα·αααΌαααΈααΆααα»αααααΆααΆα
αααΎααααΆααααααα·ααΈαα»αααααΆαα’ααΈαααΊαα·α αα·αααααΈαααα ααΌααααα‘ααααΎα
// 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);
}
α αΎαα’ααα»αα αααα jQuery α’αααα’αα·ααααααα’αΆα ααααΆααααααΌαααΆααααα½αααΆααααα’αααΈαααα αΆααΆααα’αααααααααΎααααΆαααααααα»ααααα’αα·αααααααααΆαααα
ααααααα jQuery ααΆαααααΎα±ααααΆααΆααααααΆααααα½ααααα»αααΆαα’αα»αααααα
αα
αααα·ααααΆαααα»αααααααΆαααΌα
ααΆ α
αααΆ αα·α Ajax α αααααΆαααααΆαααααΆαααΆαααααααΆααααααΉαααα’αααααΆαααΆαααααα·αααααΆααααααΆααααα αααααα α αΎααααααααααααααΆαααααααΆααααααα
ααααααααααα’ααΈαααΊαα·αα W3Techs ααΏααΆααααΎααΆα
ααΆααααααααααααΎααΆαα’αα·αααααα jQuery ααααΆααααααΆαααααααααααΌαααΆααααααα αααα»αααααΆα 2011 αααα»α
αααα»αααααΆα 2015 ααΌααα·αα· jQuery ααΆααα½ααααα
αΌαααααΆααΆαα½αααΌααα·αα· Dojo α
ααΆαααααΆααααααΌαααΆαααααα
ααααααΆαααΆααααααααα»αααα»ααααΆαααααΆαααααΈαααα jQuery
αααααΈααααα
αααααΆααα ααα»αααα½αα
ααα½α ααΆααα»αααααΆ αα·αααΆαααααααααααααααα·ααΈαα»αααααΆαα’ααΈαααΊαα·αααΆαααααΆααα
ααΆαα·αααΌαααααΆααα ααΈαα½α αααααααΆαααΆααααααΎαα‘αΎαα α’αααα’αα·αααααααααααα·ααΈαα»αααααα (Apple, Google, Microsoft αα·α Mozilla) αααα»αααααΎααΆααα½αααααΆααΎααααΈα’αα·αααα
αααααΈααΆαααααα·ααΈαα»ααααα
αααα»αααααΆααΈααααΆαα
αα·ααα
αααααα»ααα·ααΈααααΆααααα½αα
ααα½αααααα α’αααααααααΆαα αα
ααΆααααΆααααααααΆαααααααα αα·ααααααΎαααΌαααααΆααα·ααααααααΌαα
αααα½αα±αα
// 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);
});
αα·ααΈααΆαααααα
// jQuery
const fooDivs = $('.foo div');
// native
const fooDivs = document.querySelectorAll('.foo div');
α₯α‘αΌαβααα α’αααβα’αΆα
βαααα
αβααααΆααβααΆαα»βαααβααααΎ
// jQuery
$('#warning').toggleClass('visible');
// native
document.querySelector('#warning').classList.toggle('visible');
αα
ααΎααα ααααα
ααΆαααααΎααααΆαααα»αααΆαααΎαααααΎα’αααααααΎαα‘αΎαααΌαααααΎαααΆααααααα ααΆα
αααΎαα
α ααα»ααααΈααΈαααΊααΆαααααα·ααΈαα»αααααααΌαααΆαα’αΆαααααααΏαααΆααα»αα αα½αααααΆαα
αααΎαααααΎ
αααααΆααααααΆαα»αααΆααααααα·ααΈαα»αααααααΈ αα·αααΆαααααα α»αααααΌαααΆαα
ααα
αΆαααΏαααΆααα»α α αΎαα’αααα’αα·αααααααα·αα
αΆαααΆα
ααααα
αΆααα αΌααααααααΎαααΆα
α ααα»ααααΈααΈααΊααΆ Internet Explorer αααα»ααα·ααα·αααααΆαααΆααα·αααΆαααααααααΆαααααα»αα IE ααΆβααΆαβα αΆαααΆααβαααα»αβααΆαβα’αα·ααααβααα αααααβαα»ααα·αβαα·αααααβααΆβααΌαβααβα αΎαα ααα α»αααααααΆααααΌαααΆαααΈαααΆαααΆα α αΎααααααΆααα IE αααααααααααααααααααααΆα 2000 αα·ααα·αααααΎαα»αααααΆαααααα’αΆααααααααα ααααα αΆαααα ααααΆααΏαααααααΆα
αα
ααααΆα 2016 αααα»αα αα»α Microsoft ααΆααααααΏαααΆααααααα IE α
ααΌααααΈαα jQuery αααααΆαααα IE 8 αα·αααΆααααααα
αΆααααααΎαααΈ
αααααααααααααΈα
α
αΆααααΆααααΈααΆαααααααα jQuery αααααααααααΆα
αααΎαααααΌαααΆααααααΎαα‘αΎα αα½αααΆααα’αααααΉαααΆαααααααααΎααααααα
ααΈαα½α αα½αααααααΎα±ααααΆααΆααααα½ααααα»αααΆααααααα ααα»α αααααΆααα’αααααααΎαα ααΆαααΆαααΆαα Frameworks ααααΌαβααΆαβαα ααΆβα‘αΎαβααΎααααΈβαααααααΆαβααΆαβαααα αΆαβααααα αα·αβααΆαβααααΎβαα αα α»ααααααααΆαα α αΎα jQuery ααΆααααααΆααααΌαααΆαααααΎααααΆαααααααΆααααααΆαααααΎαα αα α»ααααααααΆαααα»ααααα ααααααααααα»αααΌαααΆααα·α αα ααααΆαααααααααααααααΌαααααααΆαααΈαααα
αααααΆααα·αααα αααΆαααΆαα» React, Angular αα·α Vue α’αα»ααααΆαα±ααα’αααααααΆαα HTML, ααΌα αα·αααΌααααΈαα CSS αααΆαααΉααααΉαα ααΌα αααααΎααααα ααααΌαααααΆαααΌααα ααΆαα»αααΆα αα·αααααΆαααααααΆαααααααα½αα―αααΆα αααΎα αααααααΆααααα»αααΆααααα ααα ααα»α αααααΆαααα ααΆαααΆαααΆαα»αααα’αΆα ααααΎα‘αΎααα·αααΆαααααΎα±ααααΆααΆααααααΆααααα½ααααα»αααΆααααααΎα αα·ααααααααΆααα ααααααααα»αααααΆαα
α’αααααααααααααΈααΈαααΊααΆ ααααααααααααΈαααααααααα αααααΆααααααΆααααΌαααααΌαααααΆα αααα’αααα’αα·αααααααα·αααααΆα’αααΈα’αααΈαααα ααα»α αααααΆαααα½αααΆαααΌαααΆα α αΎααα»αααΆαα αααα»ααααααααααααΎααααΈααααΎααΆαααααΆααααααΌαα αΆαααΆα αααΆααα’ααααΎααααΈαααααα ααΆαααΌαα’αααΈαααα ααααΆαα αα·ααΈααΆααααααααααΊαααα»ααα ααΉααα·ααΈααΆαααααα αΆαααΆα αααααααααααααααααΌα jQuery α
αα αααα»α jQuery α’αααααααααααΆαα αααΆααααΆααααΌαααα αΆαααΎααααΈααααΎααΆαααααΆααααααΌαααΆαα½αα α αΎααα αααα»ααααααααααααααΆααα½α α’ααααα·ααΆαααΆ "ααααα ααΆααα·ααααααααα α ααα»α αααααΆαααα½αααααΎααα ααΌα ααα" α ααΆα’αΆα ααααΎα±ααααΆααααααααΌαααααΆαααα α»αααΆααααααΆααααα½αα
α’αααα’αα·ααααααααΆαααα½ααααα·ααΈααΆαααααααααΈαααα»αααΆαα’αα·ααααααααα ααααα ααααααααΆααΌαα ααα»ααααααααΆαααα·αααΆααααα jQuery ααΆαααΆαααα α»αα
αααααΆααααΌαααααΎ jQuery?
ααΌα ααααβααΎβαααααΆ ααααΌαααααΆ ααααΎ jQuery?
ααααα·αααΎααΆααααα»αααααΆαααααααααααΎαα‘αΎα αααααΆααΆααΆααααααΎααααα»αααΆαα αΆααααααΎαααΆαα½ααααααΆααα α¬ααααααααααααααααααααα’αα»ααααΆαα±ααα’ααααααααααααααΆααααα»αααααΆαααααααααα’ααααααα α§ααΆα ααα αααα ααα ααα»α αααααΆαααα ααΆαααΆαααΆαα ααΆαααααΎ jQuery αα ααΎααα αααααααααααα’αΆα ααΎααα ααα’αα αααααααΌα ααα»ααααααΆααΉαααΆααα ααααΌα spaghetti αααΆαααΆαααα αα αααα’ααααα·αααααΆααααΆαααααααΆαα½ααααααΆααααααααααααΆαα½ααααααααα
αααα»αααΆααααα·ααααα»αααααΆαααΆααααααα αα ααααααααααΆααΆαααααΎααΆαααααΆααααααΌαααΆαα½α ααΆααΆαα’αΆααααααααΆααΌα ααΆαα·α αα ααΆαααααααΆααα½αα α’αααβαα·αβα’αΆα βααααΆααβααΆβα’αααβααΉαβαα·αβαααααβα’αααΈβααΆααα’ααβαααααβα’αααβααααΎαααΎα jQuery α’αΆαααααβααΎβαα ααΆαααααααα HTML αααβαααααΎαβαααβαααΆαααΈαααα
αα α α»αααααΆααααααααΆαααααααΆαααΊααΆααα αααααααΆαααααααααΆαααΆαααα’ααααααααααααα·α α¬ααααΉαααΆαααΆαααααα αααα»αααΉααα·αααααΆαααΎαα αααα jQuery αα αααα»αααααΈααΆααααααα αααααααΆαα αααΎαααααααα’αααα’αΆα ααααΎααΆαααΆαα½α APIs ααΎαα
αααααΈααΆαααα»αααααΌαααΆαα’αααΈαααααααΆααααΆααααααααα αααα»αααΉαααααααααααααΆαααα―αααααα½α α§.
αααα»ααα·αααΆα ααα»ααααααα’αααα»ααααααΆααααΆαααααΎααααΆαα jQuery ααΊααΆααΆαααααααΌααα»αααΆαααααΌααααΌααΆααααααΆαααααααααΆααα»αααααα αααααα αααα½αα±ααααΆααααααΈ APIs ααΎα α¬αααααΆαααα―αααααααααα α’αααα’αΆα α’αΆαα―αααΆα jQuery α αΎαααα½αααΆαααα·αααΆαααααΆααα
αα·ααΈααΆαααααααααΆαααα·αααααΎααΆαααααααΆαααΆαααα’αα ααα»ααααααΆααΆααααα½ααααααΆααα·ααΈααΆααααααααααΆααααααααααΆαααααααααααα αααααΆααααα ααααααααααΆααααααααΆααααααα αααΆααααΆαα ααΆααΆααΆααααααΎααααα»αααΆαααααΎααααΆαα jQuery α αΎαααααΎααΆαααααααααααααΆααα αααααΆααααα·ααααααΌαα±ααααΆαααΆααααα»α α¬α ααααααααα»αααααΆαααα
ααΎαααΈααα jQuery ααΊααα’ααααα·αααΎα’αααααΆααααα»αα α·αααααΆααα αααααααααα’αααααΉααα·ααααα»αααααΆαααΆααααααααΆ α αΎαααααα·αααΎα’ααααα·ααααααααΈαα»αααΆαααΎα αααααααΆααααΆααΆαααΆαααΆααααααααΌαα αααΎαααΆα jQueryα
α’αααααα’αΆα ααααΎαααααΆαααααα ααααα·αααΎα’αααααααΌαααΆαααΆααααααααα αΆαααααα IEα αααααΆαααα jQuery ααΉααααααΎα’αααααΌα αααααΆααΆαααααΎαα αααα»αααααααα IE ααΊααΆαααααα·ααΈαα»αααααααααα·αααααα»αα
ααΎααα α’ααΆαα
jQuery ααΉααα·αααΆαααααα»ααααααΆααααααααα ααΆα
αα»αααααΆαααα»αααΆααααα jQuery ααααΆααααααΌααααΆαααααΆαα ααΆααααααΆααΆααΆαααααΎααααΆαααααααΆαααααΉαααααααααΆααα α»αααααα·α ααααα ααα»ααααααΆααααΆαααααα»αααααααααα»ααααΆαααααΆαααΆααα»ααααα ααα αααααααααΈααΆααααααααααΌαααΆαααΆαααααααααααΎαααααααααααααΎαααΆααα»αααΈααΆαα αΆααααααΎα α αΎαααααΈααααΎααααΆααααααααααααααααΆαα jQuery αααα»αααααΆαααΆααααααΆαααΆααααααααΆααα‘αΎαα
ααα»ααααα½αα
ααα½ααα·αα
αΌαα
α·αααα’ααααΆαααα§αααααα’αα·ααααααααα ααααααααααααΎ ααα»αααααααααΆαααααα»α ααΆααΆααααα»ααΆαααααΆαααΈαα
ααααΎααααΆαααΆαααα ααα jQuery ααΆαα’αα»ααααΆαα±ααααΎαααααΎααΏαααΆα
αααΎαααΆααααααΎαααΆααα»αα ααΌα
ααααΆααααααααΊααΆααΆααα·ααααααΆααα’ααααααααααααααααααΆαα
ααααα: www.habr.com