jQuery เดšเดฐเดฟเดคเตเดฐเดตเตเด‚ เดชเดพเดฐเดฎเตเดชเดฐเตเดฏเดตเตเด‚

jQuery เดšเดฐเดฟเดคเตเดฐเดตเตเด‚ เดชเดพเดฐเดฎเตเดชเดฐเตเดฏเดตเตเด‚
jQuery - เด‡เดคเดพเดฃเต เดเดฑเตเดฑเดตเตเด‚ เดœเดจเดชเตเดฐเดฟเดฏเดฎเดพเดฏเดคเต เดฒเต‹เด•เดคเตเดคเต เด’เดฐเต JavaScript เดฒเตˆเดฌเตเดฐเดฑเดฟ. เดตเต†เดฌเต เดกเต†เดตเดฒเดชเตโ€Œเดฎเต†เดจเตเดฑเต เด•เดฎเตเดฎเตเดฏเต‚เดฃเดฟเดฑเตเดฑเดฟ เด‡เดคเต 2000-เด•เดณเตเดŸเต† เด…เดตเดธเดพเดจเดคเตเดคเดฟเตฝ เดธเตƒเดทเตโ€ŒเดŸเดฟเดšเตเดšเต, เด…เดคเดฟเดจเตเดฑเต† เดซเดฒเดฎเดพเดฏเดฟ เดธเตˆเดฑเตเดฑเตเด•เตพ, เดชเตเดฒเด—เดฟเดจเตเด•เตพ, เดšเดŸเตเดŸเด•เตเด•เต‚เดŸเตเด•เตพ เดŽเดจเตเดจเดฟเดตเดฏเตเดŸเต† เดธเดฎเตเดชเดจเตเดจเดฎเดพเดฏ เด†เดตเดพเดธเดตเตเดฏเดตเดธเตเดฅเดฏเดพเดฃเต jQuery เด‰เดชเดฏเต‹เด—เดฟเดšเตเดšเต.

เดŽเดจเตเดจเดพเตฝ เดธเดฎเต€เดช เดตเตผเดทเด™เตเด™เดณเดฟเตฝ, เดตเต†เดฌเต เดกเต†เดตเดฒเดชเตโ€Œเดฎเต†เดจเตเดฑเดฟเดจเตเดณเตเดณ เดชเตเดฐเดงเดพเดจ เด‰เดชเด•เดฐเดฃเดฎเต†เดจเตเดจ เดจเดฟเดฒเดฏเตเด•เตเด•เต เด…เดคเดฟเดจเตเดฑเต† เดธเตเดฅเดพเดจเด‚ เดจเดทเตเดŸเดชเตเดชเต†เดŸเตเดŸเต. เดŽเดจเตเดคเตเด•เตŠเดฃเตเดŸเดพเดฃเต jQuery เดœเดจเดชเตเดฐเดฟเดฏเดฎเดพเดฏเดคเต†เดจเตเดจเตเด‚ เด…เดคเต เดซเดพเดทเดจเดฟเตฝ เดจเดฟเดจเตเดจเต เดชเตเดฑเดคเตเดคเดพเดฏเดคเต เดŽเดจเตเดคเตเด•เตŠเดฃเตเดŸเดพเดฃเต†เดจเตเดจเตเด‚ เด†เดงเตเดจเดฟเด• เดตเต†เดฌเตโ€Œเดธเตˆเดฑเตเดฑเตเด•เตพ เดธเตƒเดทเตเดŸเดฟเด•เตเด•เตเดจเตเดจเดคเดฟเดจเต เดเดคเต เดธเดพเดนเดšเดฐเตเดฏเดคเตเดคเดฟเดฒเดพเดฃเต เด‡เดคเต เด‰เดชเดฏเต‹เด—เดฟเด•เตเด•เตเดจเตเดจเดคเต เดŽเดจเตเดจเตเด‚ เดจเต‹เด•เตเด•เดพเด‚.

jQuery-เดฏเตเดŸเต† เด’เดฐเต เดธเด‚เด•เตเดทเดฟเดชเตเดค เดšเดฐเดฟเดคเตเดฐเด‚

เดœเต‹เตบ เดฑเต†เดธเดฟเด—เต (เดœเต‹เตบ เดฑเต†เดธเดฟเด—เต) 2005-เตฝ เดฒเตˆเดฌเตเดฐเดฑเดฟเดฏเตเดŸเต† เด†เดฆเตเดฏ เดชเดคเดฟเดชเตเดชเต เดธเตƒเดทเตเดŸเดฟเดšเตเดšเต 2006-เตฝ เดชเตเดฐเดธเดฟเดฆเตเดงเต€เด•เดฐเดฟเดšเตเดšเต-m, BarCampNYC เดŽเดจเตเดจ เดชเดฐเดฟเดชเดพเดŸเดฟเดฏเดฟเตฝ. เด“เตบ jQuery เด”เดฆเตเดฏเต‹เด—เดฟเด• เดตเต†เดฌเตเดธเตˆเดฑเตเดฑเต เดฐเดšเดฏเดฟเดคเดพเดตเต เดŽเดดเตเดคเดฟ:

jQuery เดŽเดจเตเดจเดคเต เดฎเตเดฆเตเดฐเดพเดตเดพเด•เตเดฏเดคเตเดคเต† เด…เดŸเดฟเดธเตเดฅเดพเดจเดฎเดพเด•เตเด•เดฟเดฏเตเดณเตเดณ เด’เดฐเต Javascript เดฒเตˆเดฌเตเดฐเดฑเดฟเดฏเดพเดฃเต: Javascript เด•เต‹เดกเต เดšเต†เดฏเตเดฏเดพเตป เดฐเดธเด•เดฐเดฎเดพเดฏเดฟเดฐเดฟเด•เตเด•เดฃเด‚. jQuery เดชเตŠเดคเตเดตเดพเดฏเดคเตเด‚ เด†เดตเตผเดคเตเดคเดฟเดšเตเดšเตเดณเตเดณเดคเตเดฎเดพเดฏ เดœเต‹เดฒเดฟเด•เตพ เดŽเดŸเตเด•เตเด•เตเดจเตเดจเต, เด…เดจเดพเดตเดถเตเดฏเดฎเดพเดฏ เดŽเดฒเตเดฒเดพ เดฎเดพเตผเด•เตเด•เตเด…เดชเตเดชเตเด•เดณเตเด‚ เดจเต€เด•เตเด•เด‚ เดšเต†เดฏเตเดฏเตเด•เดฏเตเด‚ เด…เดตเดฏเต† เดšเต†เดฑเตเดคเตเด‚ เดฎเดจเต‹เดนเดฐเดตเตเด‚ เดตเตƒเดคเตเดคเดฟเดฏเตเดณเตเดณเดคเตเดฎเดพเด•เตเด•เตเด•เดฏเตเด‚ เดšเต†เดฏเตเดฏเตเดจเตเดจเต.

jQuery เดจเต เดฐเดฃเตเดŸเต เดชเตเดฐเดงเดพเดจ เด—เตเดฃเด™เตเด™เดณเตเดฃเตเดŸเต. เด†เดฆเตเดฏเดคเตเดคเต‡เดคเต เดตเต†เดฌเต เดชเต‡เดœเตเด•เตพ เด•เตˆเด•เดพเดฐเตเดฏเด‚ เดšเต†เดฏเตเดฏเตเดจเตเดจเดคเดฟเดจเตเดณเตเดณ เดธเต—เด•เดฐเตเดฏเดชเตเดฐเดฆเดฎเดพเดฏ API เด†เดฃเต. เดชเตเดฐเดคเตเดฏเต‡เด•เดฟเดšเตเดšเต, เด˜เดŸเด•เด™เตเด™เตพ เดคเดฟเดฐเดžเตเดžเต†เดŸเตเด•เตเด•เตเดจเตเดจเดคเดฟเดจเตเดณเตเดณ เดถเด•เตเดคเดฎเดพเดฏ เดฐเต€เดคเดฟเด•เตพ เด‡เดคเต เดจเตฝเด•เตเดจเตเดจเต. เดเดกเดฟ เด…เดฒเตเดฒเต†เด™เตเด•เดฟเตฝ เด•เตเดฒเดพเดธเต เด‰เดชเดฏเต‹เด—เดฟเดšเตเดšเต เดจเดฟเด™เตเด™เตพเด•เตเด•เต เดคเดฟเดฐเดžเตเดžเต†เดŸเตเด•เตเด•เดพเตป เดฎเดพเดคเตเดฐเดฎเดฒเตเดฒ, เดธเด™เตเด•เต€เตผเดฃเตเดฃเดฎเดพเดฏ เดชเดฆเดชเตเดฐเดฏเต‹เด—เด™เตเด™เตพ เดŽเดดเตเดคเดพเตป jQuery เดจเดฟเด™เตเด™เดณเต† เด…เดจเตเดตเดฆเดฟเด•เตเด•เตเดจเตเดจเต, เด‰เดฆเดพเดนเดฐเดฃเดคเตเดคเดฟเดจเต, เดฎเดฑเตเดฑเต เด˜เดŸเด•เด™เตเด™เดณเตเดฎเดพเดฏเตเดณเตเดณ เดฌเดจเตเดงเดคเตเดคเต† เด…เดŸเดฟเดธเตเดฅเดพเดจเดฎเดพเด•เตเด•เดฟ เด˜เดŸเด•เด™เตเด™เตพ เดคเดฟเดฐเดžเตเดžเต†เดŸเตเด•เตเด•เตเดจเตเดจเดคเดฟเดจเต:

// Select every item within the list of people within the contacts element
$('#contacts ul.people li');

เด•เดพเดฒเด•เตเดฐเดฎเต‡เดฃ, เดคเดฟเดฐเดžเตเดžเต†เดŸเตเดชเตเดชเต เดธเด‚เดตเดฟเดงเดพเดจเด‚ เด’เดฐเต เดชเตเดฐเดคเตเดฏเต‡เด• เดฒเตˆเดฌเตเดฐเดฑเดฟเดฏเดพเดฏเดฟ เดฎเดพเดฑเดฟ เดธเดฟเดธเตฝ.

เดฌเตเดฐเต—เดธเดฑเตเด•เตพ เดคเดฎเตเดฎเดฟเดฒเตเดณเตเดณ เดตเตเดฏเดคเตเดฏเดพเดธเด™เตเด™เตพ เดธเด‚เด—เตเดฐเดนเดฟเด•เตเด•เตเดจเตเดจเต เดŽเดจเตเดจเดคเดพเดฃเต เดฒเตˆเดฌเตเดฐเดฑเดฟเดฏเตเดŸเต† เดฐเดฃเตเดŸเดพเดฎเดคเตเดคเต† เดจเต‡เดŸเตเดŸเด‚. เด† เดตเตผเดทเด™เตเด™เดณเดฟเตฝ, เดŽเดฒเตเดฒเดพ เดฌเตเดฐเต—เดธเดฑเตเด•เดณเดฟเดฒเตเด‚ เดตเดฟเดถเตเดตเดธเดจเต€เดฏเดฎเดพเดฏเดฟ เดชเตเดฐเดตเตผเดคเตเดคเดฟเด•เตเด•เดพเตป เด•เดดเดฟเดฏเตเดจเตเดจ เด•เต‹เดกเต เดŽเดดเตเดคเตเดจเตเดจเดคเต เดฌเตเดฆเตเดงเดฟเดฎเตเดŸเตเดŸเดพเดฏเดฟเดฐเตเดจเตเดจเต.

เดธเตเดฑเตเดฑเดพเตปเดกเต‡เตผเดกเตˆเดธเต‡เดทเดจเตเดฑเต† เด…เดญเดพเดตเด‚, เดฌเตเดฐเต—เดธเดฑเตเด•เดณเตเด‚ เดŽเดกเตเดœเต เด•เต‡เดธเตเด•เดณเตเด‚ เดคเดฎเตเดฎเดฟเดฒเตเดณเตเดณ เดจเดฟเดฐเดตเดงเดฟ เดตเตเดฏเดคเตเดฏเดพเดธเด™เตเด™เตพ เดกเต†เดตเดฒเดชเตเดชเตผเดฎเดพเตผ เด•เดฃเด•เตเด•เดฟเดฒเต†เดŸเตเด•เตเด•เต‡เดฃเตเดŸเดคเตเดฃเตเดŸเต. เด’เดจเตเดจเต เดจเต‡เดพเด•เตเด•เดฟเด•เตเด•เต‡เดพเดณเต เดˆ เด†เดฆเตเดฏเด•เดพเดฒ jQuery เดธเต‹เดดเตเดธเต เด•เต‹เดกเต เด•เต‚เดŸเดพเดคเต† jQuery.browser-เดจเดพเดฏเดฟ เดคเดฟเดฐเดฏเตเด•. เด’เดฐเต เด‰เดฆเดพเดนเดฐเดฃเด‚ เด‡เดคเดพ:

// 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 เดŽเดณเตเดชเตเดชเดฎเดพเด•เตเด•เดฟ. เดฒเตˆเดฌเตเดฐเดฑเดฟ เดซเดฒเดชเตเดฐเดฆเดฎเดพเดฏเดฟ เดตเต†เดฌเตเดธเตˆเดฑเตเดฑเตเด•เตพเด•เตเด•เตเดณเตเดณ เด’เดฐเต เดธเดพเดงเดพเดฐเดฃ เด†เดถเตเดฐเดฏเดฎเดพเดฏเดฟ เดฎเดพเดฑเดฟเดฏเดฟเดฐเดฟเด•เตเด•เตเดจเตเดจเต. เด‡เดจเตเดจเต เด‡เดคเต เด‡เดจเตเดฑเตผเดจเต†เดฑเตเดฑเดฟเดจเตเดฑเต† เดตเดฒเดฟเดฏเตŠเดฐเต เดชเด™เตเด•เต เดตเดนเดฟเด•เตเด•เตเดจเตเดจเตเดฃเตเดŸเต. W3Techs เด…เดคเต เดตเดฟเดถเตเดตเดธเดฟเด•เตเด•เตเดจเตเดจเต เด‡เดจเตเดจเต 74% เดธเตˆเดฑเตเดฑเตเด•เดณเตเด‚ jQuery เด‰เดชเดฏเต‹เด—เดฟเด•เตเด•เตเดจเตเดจเต.

jQuery เดตเดฟเด•เดธเดจเดคเตเดคเดฟเดจเตเดฑเต† เดฎเต‡เดฒเตเดณเตเดณ เดจเดฟเดฏเดจเตเดคเตเดฐเดฃเดตเตเด‚ เด•เต‚เดŸเตเดคเตฝ เด”เดชเดšเดพเดฐเดฟเด•เดฎเดพเดฏเดฟ. 2011 เตฝ เดŸเต€เด‚ jQuery เดฌเต‹เตผเดกเต เดธเตƒเดทเตเดŸเดฟเดšเตเดšเต. 2012-เตฝ jQuery เดฌเต‹เตผเดกเตเด‚ jQuery เดซเต—เดฃเตเดŸเต‡เดทเดจเดพเดฏเดฟ เดฐเต‚เดชเดพเดจเตเดคเดฐเดชเตเดชเต†เดŸเตเดŸเต.

2015-เตฝ, jQuery เดซเต—เดฃเตเดŸเต‡เดทเตป เดกเต‹เดœเต‹ เดซเต—เดฃเตเดŸเต‡เดทเดจเตเดฎเดพเดฏเดฟ เดฒเดฏเดฟเดšเตเดšเต, JS เดซเต—เดฃเตเดŸเต‡เดทเตป เดธเตƒเดทเตเดŸเดฟเด•เตเด•เดพเตป, เด…เดคเต เดชเดฟเดจเตเดจเต€เดŸเต Node.js เดซเต—เดฃเตเดŸเต‡เดทเดจเตเดฎเดพเดฏเดฟ เดฒเดฏเดฟเดšเตเดšเต 2019-m เดธเตƒเดทเตเดŸเดฟเด•เตเด•เดพเตป เด“เดชเตเดชเตบเดœเต†เดŽเดธเต เดซ .เดฃเตเดŸเต‡เดทเตป, เด…เดคเดฟเตฝ เด’เดจเตเดจเดพเดฏเดฟเดฐเตเดจเตเดจเต jQuery "เดฎเตเดจเตเดจเต‡เดฑเตเดฑ เดชเดฆเตเดงเดคเดฟเด•เตพ. "

เดฎเดพเดฑเตเดจเตเดจ เดธเดพเดนเดšเดฐเตเดฏเด™เตเด™เตพ

เดŽเดจเตเดจเดฟเดฐเตเดจเตเดจเดพเดฒเตเด‚, เดธเดฎเต€เดช เดตเตผเดทเด™เตเด™เดณเดฟเตฝ jQuery เด…เดคเดฟเดจเตเดฑเต† เดœเดจเดชเตเดฐเต€เดคเดฟ เดจเดทเตเดŸเดชเตเดชเต†เดŸเตเดŸเต. GitHub เดŽเดจเตเดฑเต† เดธเตˆเดฑเตเดฑเดฟเดจเตเดฑเต† เดฎเตเตปเดตเดถเดคเตเดคเต เดจเดฟเดจเตเดจเต เดฒเตˆเดฌเตเดฐเดฑเดฟ เดจเต€เด•เตเด•เด‚ เดšเต†เดฏเตเดคเต. เดฌเต‚เดŸเตเดŸเตเดธเตเดŸเตเดฐเดพเดชเตเดชเต v5 jQuery เด’เดดเดฟเดตเดพเด•เตเด•เตเด•เด•เดพเดฐเดฃเด‚ เด…เดคเต เด…เดตเดจเตเดฑเต† "เดธเดพเดงเดพเดฐเดฃ เดœเดพเดตเดพเดธเตเด•เตเดฐเดฟเดชเตเดฑเตเดฑเดฟเดจเตเดณเตเดณ เดเดฑเตเดฑเดตเตเด‚ เดตเดฒเดฟเดฏ เด•เตเดฒเดฏเดจเตเดฑเต เดกเดฟเดชเตปเดกเตปเดธเดฟ"(เดจเดฟเดฒเดตเดฟเตฝ 30 KB เดตเดฒเดฟเดชเตเดชเด‚, เดšเต†เดฑเตเดคเดพเด•เตเด•เดฟ เดชเดพเดฏเตเด•เตเด•เต เดšเต†เดฏเตเดคเดฟเดฐเดฟเด•เตเด•เตเดจเตเดจเต). เดตเต†เดฌเต เดกเต†เดตเดฒเดชเตโ€Œเดฎเต†เดจเตเดฑเดฟเดฒเต† เดจเดฟเดฐเดตเดงเดฟ เดชเตเดฐเดตเดฃเดคเด•เตพ เด’เดฐเต เด…เดตเดถเตเดฏ เด‰เดชเด•เดฐเดฃเดฎเต†เดจเตเดจ เดจเดฟเดฒเดฏเดฟเตฝ jQuery-เดฏเตเดŸเต† เดธเตเดฅเดพเดจเดคเตเดคเต† เดฆเตเตผเดฌเดฒเดชเตเดชเต†เดŸเตเดคเตเดคเดฟ.

เดฌเตเดฐเต—เดธเดฑเตเด•เตพ

เดชเดฒ เด•เดพเดฐเดฃเด™เตเด™เดณเดพเตฝ, เดฌเตเดฐเต—เดธเตผ เดตเตเดฏเดคเตเดฏเดพเดธเด™เตเด™เตพเด•เตเด•เตเด‚ เดชเดฐเดฟเดฎเดฟเดคเดฟเด•เตพเด•เตเด•เตเด‚ เดชเตเดฐเดพเดงเดพเดจเตเดฏเด‚ เด•เตเดฑเดžเตเดžเต. เด’เดจเตเดจเดพเดฎเดคเดพเดฏเดฟ, เดธเตเดฑเตเดฑเดพเตปเดกเต‡เตผเดกเตˆเดธเต‡เดทเตป เดฎเต†เดšเตเดšเดชเตเดชเต†เดŸเตเดŸเต. เดชเตเดฐเดงเดพเดจ เดฌเตเดฐเต—เดธเตผ เดกเต†เดตเดฒเดชเตเดชเตผเดฎเดพเตผ (เด†เดชเตเดชเดฟเตพ, เด—เต‚เด—เดฟเตพ, เดฎเตˆเด•เตเดฐเต‹เดธเต‹เดซเตเดฑเตเดฑเต, เดฎเต‹เดธเดฟเดฒเตเดฒ) เดตเดฟเด•เดธเดฟเดชเตเดชเดฟเด•เตเด•เตเดจเตเดจเดคเดฟเดจเดพเดฏเดฟ เด’เดฐเตเดฎเดฟเดšเตเดšเต เดชเตเดฐเดตเตผเดคเตเดคเดฟเด•เตเด•เตเดจเตเดจเต เดตเต†เดฌเต เดฎเดพเดจเดฆเดฃเตเดกเด™เตเด™เตพ เด‰เดณเตเดณเดฟเตฝ เดตเต†เดฌเต เดนเตˆเดชเตเดชเตผเดŸเต†เด•เตเดธเตเดฑเตเดฑเต เด†เดชเตเดฒเดฟเด•เตเด•เต‡เดทเตป เดŸเต†เด•เตเดจเต‹เดณเดœเดฟ เดตเตผเด•เตเด•เดฟเด‚เด—เต เด—เตเดฐเต‚เดชเตเดชเต.
เดฌเตเดฐเต—เดธเดฑเตเด•เตพ เด‡เดชเตเดชเต‹เดดเตเด‚ เดชเดฒ เดชเตเดฐเดงเดพเดจ เดตเดดเดฟเด•เดณเดฟเตฝ เดชเดฐเดธเตเดชเดฐเด‚ เดตเตเดฏเดคเตเดฏเดพเดธเดชเตเดชเต†เดŸเตเดŸเดฟเดŸเตเดŸเตเดฃเตเดŸเต†เด™เตเด•เดฟเดฒเตเด‚, เดตเต†เดฃเตเดŸเตผเดฎเดพเตผเด•เตเด•เต เด•เตเดฑเดžเตเดžเดคเต เด’เดฐเต เดชเตŠเดคเต เดกเดพเดฑเตเดฑเดพเดฌเต‡เดธเต เดคเดฟเดฐเดฏเดพเดจเตเด‚ เดธเตƒเดทเตเดŸเดฟเด•เตเด•เดพเดจเตเด‚ เด•เดดเดฟเดฏเตเด‚ เดธเตเดฅเดฟเดฐเดฎเดพเดฏ เดฏเตเดฆเตเดงเด‚ เด’เดฐเตเดฎเดฟเดšเตเดšเต. เด…เดคเดจเตเดธเดฐเดฟเดšเตเดšเต, เดฌเตเดฐเต—เดธเตผ API-เด•เตพ เดชเตเดคเดฟเดฏ เด•เดดเดฟเดตเตเด•เตพ เดจเต‡เดŸเดฟเดฏเดฟเดŸเตเดŸเตเดฃเตเดŸเต. เด‰เดฆเดพ, API เดฒเดญเตเดฏเดฎเดพเด•เตเด•เตเด• 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);
    });

เดฐเต€เดคเดฟเด•เตพ querySelector ะธ querySelectorAll เดกเตเดฏเต‚เดชเตเดฒเดฟเด•เตเด•เต‡เดฑเตเดฑเต jQuery เดชเดฟเด•เตเด•เดฑเตเด•เตพ:

// jQuery
const fooDivs = $('.foo div');

// native
const fooDivs = document.querySelectorAll('.foo div');

เด‰เดชเดฏเต‹เด—เดฟเดšเตเดšเต เดจเดฟเด™เตเด™เตพเด•เตเด•เต เด‡เดชเตเดชเต‹เตพ เดŽเดฒเดฎเต†เดจเตเดฑเต เด•เตเดฒเดพเดธเตเด•เตพ เด•เตˆเด•เดพเดฐเตเดฏเด‚ เดšเต†เดฏเตเดฏเดพเตป เด•เดดเดฟเดฏเตเด‚ เด•เตเดฒเดพเดธเต เดฒเดฟเดธเตเดฑเตเดฑเต:

// jQuery
$('#warning').toggleClass('visible');

// native
document.querySelector('#warning').classList.toggle('visible');

เดธเตˆเดฑเตเดฑเดฟเตฝ เดจเดฟเด™เตเด™เตพเด•เตเด•เต jQuery เด†เดตเดถเตเดฏเดฎเดฟเดฒเตเดฒเดพเดฏเดฟเดฐเดฟเด•เตเด•เดพเด‚ jQuery เด•เต‹เดกเต เดจเต‡เดฑเตเดฑเต€เดตเต เด•เต‹เดกเต เด‰เดชเดฏเต‹เด—เดฟเดšเตเดšเต เดฎเดพเดฑเตเดฑเดฟเดธเตเดฅเดพเดชเดฟเด•เตเด•เดพเดตเตเดจเตเดจ เด•เตเดฑเดšเตเดšเต เดธเดพเดนเดšเดฐเตเดฏเด™เตเด™เตพ เด‡เดตเดฟเดŸเต†เดฏเตเดฃเตเดŸเต. เดšเดฟเดฒ เดกเต†เดตเดฒเดชเตเดชเตผเดฎเดพเตผ เดŽเดฒเตเดฒเดพเดฏเตเดชเตเดชเต‹เดดเตเด‚ jQuery-เดฏเดฟเตฝ เด‰เดฑเดšเตเดšเตเดจเดฟเตฝเด•เตเด•เตเดจเตเดจเต, เด•เดพเดฐเดฃเด‚ เด…เดตเตผเด•เตเด•เต เดชเตเดคเดฟเดฏ API-เด•เดณเต† เด•เตเดฑเดฟเดšเตเดšเต เด…เดฑเดฟเดฏเดฟเดฒเตเดฒ, เดชเด•เตเดทเต‡ เด…เดตเตผ เด…เด™เตเด™เดจเต† เดšเต†เดฏเตเดฏเตเดฎเตเดชเต‹เตพ, เด…เดตเตผ เดฒเตˆเดฌเตเดฐเดฑเดฟ เด•เตเดฑเดšเตเดšเต เดคเดตเดฃ เด‰เดชเดฏเต‹เด—เดฟเด•เตเด•เดพเตป เดคเตเดŸเด™เตเด™เตเดจเตเดจเต.

เดจเต‡เดฑเตเดฑเต€เดตเต เดซเต€เดšเตเดšเดฑเตเด•เตพ เด‰เดชเดฏเต‹เด—เดฟเด•เตเด•เตเดจเตเดจเดคเต เดชเต‡เดœเดฟเดจเตเดฑเต† เดชเตเดฐเด•เดŸเดจเด‚ เดฎเต†เดšเตเดšเดชเตเดชเต†เดŸเตเดคเตเดคเตเด‚. เดชเดฒเดคเตเด‚ jQuery-เตฝ เดจเดฟเดจเตเดจเตเดณเตเดณ เด†เดจเดฟเดฎเต‡เดทเตป เด‡เดซเด•เตเดฑเตเดฑเตเด•เตพ เด‡เดชเตเดชเต‹เตพ เดจเดฟเด™เตเด™เตพเด•เตเด•เต เดจเดŸเดชเตเดชเดฟเดฒเดพเด•เตเด•เดพเตป เด•เดดเดฟเดฏเตเด‚ เด•เต‚เดŸเตเดคเตฝ เดซเดฒเดชเตเดฐเดฆเดฎเดพเดฃเต CSS เด‰เดชเดฏเต‹เด—เดฟเด•เตเด•เตเดจเตเดจเต.

เดฐเดฃเตเดŸเดพเดฎเดคเตเดคเต† เด•เดพเดฐเดฃเด‚, เดฌเตเดฐเต—เดธเดฑเตเด•เตพ เดฎเตเดฎเตเดชเดคเตเดคเต‡เดคเดฟเดจเต‡เด•เตเด•เดพเตพ เดตเดณเดฐเต† เดตเต‡เด—เดคเตเดคเดฟเตฝ เด…เดชเตโ€Œเดกเต‡เดฑเตเดฑเต เดšเต†เดฏเตเดฏเดชเตเดชเต†เดŸเตเดจเตเดจเต เดŽเดจเตเดจเดคเดพเดฃเต. เด…เดตเดฐเดฟเตฝ เดญเต‚เดฐเดฟเดญเดพเด—เดตเตเด‚ เด‰เดชเดฏเต‹เด—เดฟเด•เตเด•เตเดจเตเดจเต "เดจเดฟเดคเตเดฏเดนเดฐเดฟเดค" เดจเดตเต€เด•เดฐเดฃ เดคเดจเตเดคเตเดฐเด‚, Apple Safari เด’เดดเดฟเด•เต†. เด‰เดชเดฏเต‹เด•เตเดคเตƒ เดชเด™เตเด•เดพเดณเดฟเดคเตเดคเดฎเดฟเดฒเตเดฒเดพเดคเต† เด…เดต เดชเดถเตเดšเดพเดคเตเดคเดฒเดคเตเดคเดฟเตฝ เด…เดชเตโ€Œเดกเต‡เดฑเตเดฑเต เดšเต†เดฏเตเดฏเดพเตป เด•เดดเดฟเดฏเตเด‚ เด•เต‚เดŸเดพเดคเต† OS เด…เดชเตโ€Œเดกเต‡เดฑเตเดฑเตเด•เดณเตเดฎเดพเดฏเดฟ เดฌเดจเตเดงเดฟเดชเตเดชเดฟเดšเตเดšเดฟเดŸเตเดŸเดฟเดฒเตเดฒ.

เด‡เดคเดฟเดจเตผเดคเตเดฅเด‚ เดชเตเดคเดฟเดฏ เดฌเตเดฐเต—เดธเตผ เดธเดตเดฟเดถเต‡เดทเดคเด•เดณเตเด‚ เดฌเด—เต เดชเดฐเดฟเดนเดพเดฐเด™เตเด™เดณเตเด‚ เดตเดณเดฐเต† เดตเต‡เด—เดคเตเดคเดฟเตฝ เดตเดฟเดคเดฐเดฃเด‚ เดšเต†เดฏเตเดฏเดชเตเดชเต†เดŸเตเดจเตเดจเต, เด•เต‚เดŸเดพเดคเต† เดกเต†เดตเดฒเดชเตเดชเตผเดฎเดพเตผ เด‡เดคเต เดตเดฐเต† เด•เดพเดคเตเดคเดฟเดฐเดฟเด•เตเด•เต‡เดฃเตเดŸเดคเดฟเดฒเตเดฒ เดžเดพเตป เด‰เดชเดฏเต‹เด—เดฟเด•เตเด•เดพเดฎเต‹? เดธเตเดตเต€เด•เดพเดฐเตเดฏเดฎเดพเดฏ เดคเดฒเดคเตเดคเดฟเตฝ เดŽเดคเตเดคเตเด‚. jQuery เด…เดฒเตเดฒเต†เด™เตเด•เดฟเตฝ polyfills เดกเต—เตบเดฒเต‹เดกเต เดšเต†เดฏเตเดฏเดพเดคเต† เดคเดจเตเดจเต† เด…เดตเตผเด•เตเด•เต เดชเตเดคเดฟเดฏ เดซเต€เดšเตเดšเดฑเตเด•เดณเตเด‚ API-เด•เดณเตเด‚ เด†เดคเตเดฎเดตเดฟเดถเตเดตเดพเดธเดคเตเดคเต‹เดŸเต† เด‰เดชเดฏเต‹เด—เดฟเด•เตเด•เดพเตป เด•เดดเดฟเดฏเตเด‚.

เดฎเต‚เดจเตเดจเดพเดฎเดคเตเดคเต† เด•เดพเดฐเดฃเด‚, เด‡เดจเตเดฑเตผเดจเต†เดฑเตเดฑเต เดŽเด•เตเดธเตเดชเตเดฒเต‹เดฑเตผ เดคเดฟเด•เดšเตเดšเตเด‚ เด…เดชเตเดฐเดธเด•เตเดคเดฎเดพเดฏ เด…เดตเดธเตเดฅเดฏเดฟเดฒเต‡เด•เตเด•เต เด…เดŸเตเด•เตเด•เตเดจเตเดจเต เดŽเดจเตเดจเดคเดพเดฃเต. เดฒเต‹เด•เดฎเต†เดฎเตเดชเดพเดŸเตเดฎเตเดณเตเดณ เดตเต†เดฌเต เดกเต†เดตเดฒเดชเตโ€Œเดฎเต†เดจเตเดฑเดฟเดจเตเดฑเต† เดถเดพเดชเดฎเดพเดฃเต เดเด‡. เด…เดคเดฟเดจเตเดฑเต† เดฌเด—เตเด•เตพ เดตเตเดฏเดพเดชเด•เดฎเดพเดฏเดฟเดฐเตเดจเตเดจเต, 2000-เด•เดณเดฟเตฝ IE เด†เดงเดฟเดชเดคเตเดฏเด‚ เดชเตเดฒเตผเดคเตเดคเดฟเดฏเดคเดฟเดจเดพเดฒเตเด‚ เดจเดฟเดคเตเดฏเดนเดฐเดฟเดค เด…เดชเตโ€Œเดกเต‡เดฑเตเดฑเต เดคเดจเตเดคเตเดฐเด‚ เด‰เดชเดฏเต‹เด—เดฟเด•เตเด•เดพเดคเตเดคเดคเดฟเดจเดพเดฒเตเด‚ เดชเดดเดฏ เดชเดคเดฟเดชเตเดชเตเด•เตพ เด‡เดชเตเดชเต‹เดดเตเด‚ เดธเดพเดงเดพเดฐเดฃเดฎเดพเดฃเต.

2016 เตฝ, เดฎเตˆเด•เตเดฐเต‹เดธเต‹เดซเตเดฑเตเดฑเต IE เดฏเตเดŸเต† เดกเต€เด•เดฎเตเดฎเต€เดทเตป เดšเต†เดฏเตเดฏเตฝ เดคเตเดตเดฐเดฟเดคเดชเตเดชเต†เดŸเตเดคเตเดคเดฟ, เดชเดฟเดจเตเดคเตเดฃเดฏเตเด•เตเด•เตเดจเตเดจเดคเต เดจเดฟเตผเดคเตเดคเตเดจเตเดจเต เดชเดคเตเดคเดพเดฎเดคเตเดคเต†เดฏเตเด‚ เด…เดคเดฟเดจเตเดฎเตเดฎเตเดชเตเดณเตเดณเดคเตเดฎเดพเดฏ เดชเดคเดฟเดชเตเดชเตเด•เตพ, IE 11-เดจเตเดณเตเดณ เดชเดฟเดจเตเดคเตเดฃเดฏเดพเดฏเดฟ เดชเดฐเดฟเดฎเดฟเดคเดชเตเดชเต†เดŸเตเดคเตเดคเดฟเดฏเดฟเดฐเดฟเด•เตเด•เตเดจเตเดจเต. เด•เต‚เดŸเดพเดคเต†, เดตเต†เดฌเต เดกเต†เดตเดฒเดชเตเดชเตผเดฎเดพเตผเด•เตเด•เต IE เด…เดจเตเดฏเต‹เดœเตเดฏเดคเดฏเต† เด…เดตเด—เดฃเดฟเด•เตเด•เดพเดจเตเดณเตเดณ เด†เดกเด‚เดฌเดฐเดฎเตเดฃเตเดŸเต.

jQuery เดชเต‹เดฒเตเด‚ IE 8-เดจเต† เดชเดฟเดจเตเดคเตเดฃเดฏเตเด•เตเด•เตเดจเตเดจเดคเต เดจเดฟเตผเดคเตเดคเดฟ เดชเดคเดฟเดชเตเดชเต 2.0, 2013-เตฝ เดชเตเดฐเดธเดฟเดฆเตเดงเต€เด•เดฐเดฟเดšเตเดšเต. เดšเดฟเดฒ เดธเดจเตเดฆเตผเดญเด™เตเด™เดณเดฟเตฝ เด‡เดชเตเดชเต‹เดดเตเด‚ IE เดชเดฟเดจเตเดคเตเดฃ เด†เดตเดถเตเดฏเดฎเดพเดฃเต†เด™เตเด•เดฟเดฒเตเด‚, เด‰เดฆเดพเดนเดฐเดฃเดคเตเดคเดฟเดจเต, เดชเดดเดฏ เดธเตˆเดฑเตเดฑเตเด•เดณเดฟเตฝ, เดˆ เดธเดพเดนเดšเดฐเตเดฏเด™เตเด™เตพ เดตเดณเดฐเต† เด•เตเดฑเดšเตเดšเต เดคเดตเดฃ เดฎเดพเดคเตเดฐเดฎเต‡ เด‰เดฃเตเดŸเดพเด•เต‚.

เดชเตเดคเดฟเดฏ เดšเดŸเตเดŸเด•เตเด•เต‚เดŸเตเด•เตพ

jQuery เดฏเตเดŸเต† เดตเดฐเดตเดฟเดจเตเดถเต‡เดทเด‚, เด†เดงเตเดจเดฟเด• เดจเต‡เดคเดพเด•เตเด•เตพ เด‰เตพเดชเตเดชเต†เดŸเต† เดจเดฟเดฐเดตเดงเดฟ เดšเดŸเตเดŸเด•เตเด•เต‚เดŸเตเด•เตพ เดธเตƒเดทเตเดŸเดฟเด•เตเด•เดชเตเดชเต†เดŸเตเดŸเต เดคเดฟเดฐเดฟเดšเตเดšเดŸเดฟ เดจเดŸเดคเตเดคเตเด•, เด•เต‡เดพเดฃเต€เดฏ ะธ เดตเตเดฏเต‚. เด…เดตเตผเด•เตเด•เต jQuery-เดฏเต†เด•เตเด•เดพเตพ เดฐเดฃเตเดŸเต เดชเตเดฐเดงเดพเดจ เด—เตเดฃเด™เตเด™เดณเตเดฃเตเดŸเต.

เด†เดฆเตเดฏเด‚, เด‰เดชเดฏเต‹เด•เตเดคเตƒ เด‡เดจเตเดฑเตผเดซเต‡เดธเดฟเดจเต† เด˜เดŸเด•เด™เตเด™เดณเดพเดฏเดฟ เดตเต‡เตผเดคเดฟเดฐเดฟเด•เตเด•เตเดจเตเดจเดคเต เด…เดตเตผ เดŽเดณเตเดชเตเดชเดฎเดพเด•เตเด•เตเดจเตเดจเต. เดชเต‡เดœเต เดฑเต†เตปเดกเดฑเดฟเด‚เด—เตเด‚ เด…เดชเตโ€Œเดกเต‡เดฑเตเดฑเตเด‚ เด•เตˆเด•เดพเดฐเตเดฏเด‚ เดšเต†เดฏเตเดฏเตเดจเตเดจเดคเดฟเดจเดพเดฃเต เดซเตเดฐเต†เดฏเดฟเด‚เดตเตผเด•เตเด•เตเด•เตพ เดฐเต‚เดชเด•เตฝเดชเตเดชเดจ เดšเต†เดฏเตเดคเดฟเดฐเดฟเด•เตเด•เตเดจเตเดจเดคเต. เด•เต‚เดŸเดพเดคเต†, jQuery เดธเดพเดงเดพเดฐเดฃเดฏเดพเดฏเดฟ เด…เดชเตโ€Œเดกเต‡เดฑเตเดฑเต เดšเต†เดฏเตเดฏเดพเตป เดฎเดพเดคเตเดฐเดฎเต‡ เด‰เดชเดฏเต‹เด—เดฟเด•เตเด•เต‚, เดชเตเดฐเดพเดฐเด‚เดญ เดชเต‡เดœเต เดธเต†เตผเดตเดฑเดฟเดจเต เดจเตฝเด•เดพเดจเตเดณเตเดณ เดšเตเดฎเดคเดฒ เดตเดฟเดŸเตเดŸเตเด•เตŠเดŸเตเด•เตเด•เตเดจเตเดจเต.

เดฎเดฑเตเดตเดถเดคเตเดคเต, เดชเตเดฐเดคเดฟเด•เดฐเดฃเด‚, เด•เต‹เดฃเดฟเด•, เดตเตเดฏเต‚ เด˜เดŸเด•เด™เตเด™เตพ เดจเดฟเด™เตเด™เดณเต† HTML, เด•เต‹เดกเต, CSS เดŽเดจเตเดจเดฟเดตเดชเต‹เดฒเตเด‚ เด•เตผเดถเดจเดฎเดพเดฏเดฟ เดฌเดจเตเดงเดฟเดชเตเดชเดฟเด•เตเด•เดพเตป เด…เดจเตเดตเดฆเดฟเด•เตเด•เตเดจเตเดจเต. เดžเด™เตเด™เตพ เด•เต‹เดกเต เดฌเต‡เดธเดฟเดจเต† เดชเดฒ เดธเตเดตเดฏเด‚ เด‰เตพเด•เตเด•เตŠเดณเตเดณเตเดจเตเดจ เดชเตเดฐเดตเตผเดคเตเดคเดจเด™เตเด™เดณเดฟเดฒเต‡เด•เตเด•เตเด‚ เด•เตเดฒเดพเดธเตเด•เดณเดฟเดฒเต‡เด•เตเด•เตเด‚ เดตเดฟเดญเดœเดฟเด•เตเด•เตเดจเตเดจเดคเตเดชเต‹เดฒเต†, เด‡เดจเตเดฑเตผเดซเต‡เดธเดฟเดจเต† เดชเตเดจเดฐเตเดชเดฏเต‹เด—เดฟเด•เตเด•เดพเดตเตเดจเตเดจ เด˜เดŸเด•เด™เตเด™เดณเดพเดฏเดฟ เดตเดฟเดญเดœเดฟเด•เตเด•เดพเดจเตเดณเตเดณ เด•เดดเดฟเดตเต เดธเด™เตเด•เต€เตผเดฃเตเดฃเดฎเดพเดฏ เดธเตˆเดฑเตเดฑเตเด•เตพ เดจเดฟเตผเดฎเตเดฎเดฟเด•เตเด•เตเดจเตเดจเดคเตเด‚ เดชเดฐเดฟเดชเดพเดฒเดฟเด•เตเด•เตเดจเตเดจเดคเตเด‚ เดŽเดณเตเดชเตเดชเดฎเดพเด•เตเด•เตเดจเตเดจเต.

เดฐเดฃเตเดŸเดพเดฎเดคเตเดคเต† เดจเต‡เดŸเตเดŸเด‚, เด•เต‚เดŸเตเดคเตฝ เดธเดฎเต€เดชเด•เดพเดฒ เดšเดŸเตเดŸเด•เตเด•เต‚เดŸเตเด•เตพ เด’เดฐเต เดกเดฟเด•เตเดฒเดฑเต‡เดฑเตเดฑเต€เดตเต เดฎเดพเดคเตƒเด•เดฏเต‹เดŸเต เดšเต‡เตผเดจเตเดจเตเดจเดฟเตฝเด•เตเด•เตเดจเตเดจเต, เด…เดคเดฟเตฝ เด‡เดจเตเดฑเตผเดซเต‡เดธเต เดŽเด™เตเด™เดจเต†เดฏเดพเดฏเดฟเดฐเดฟเด•เตเด•เดฃเดฎเต†เดจเตเดจเต เดกเดตเดฒเดชเตเดชเตผ เดตเดฟเดตเดฐเดฟเด•เตเด•เตเด•เดฏเตเด‚ เด†เดตเดถเตเดฏเดฎเตเดณเตเดณเดคเต เดจเต‡เดŸเตเดจเตเดจเดคเดฟเดจเต เด†เดตเดถเตเดฏเดฎเดพเดฏ เดŽเดฒเตเดฒเดพ เดฎเดพเดฑเตเดฑเด™เตเด™เดณเตเด‚ เดตเดฐเตเดคเตเดคเตเดจเตเดจเดคเดฟเดจเต เดšเดŸเตเดŸเด•เตเด•เต‚เดŸเดฟเดฒเต‡เด•เตเด•เต เดตเดฟเดŸเตเด•เดฏเตเด‚ เดšเต†เดฏเตเดฏเตเดจเตเดจเต. เดˆ เดธเดฎเต€เดชเดจเด‚ jQuery เด•เต‹เดกเดฟเดจเตเดฑเต† เดธเดตเดฟเดถเต‡เดทเดคเดฏเดพเดฏ เด…เดจเดฟเดตเดพเดฐเตเดฏเดฎเดพเดฏ เดธเดฎเต€เดชเดจเดคเตเดคเดฟเดจเต เดตเดฟเดฐเตเดฆเตเดงเดฎเดพเดฃเต.

jQuery-เดฏเดฟเตฝ, เดŽเดจเตเดคเต†เด™เตเด•เดฟเดฒเตเด‚ เดฎเดพเดฑเตเดฑเด™เตเด™เตพ เดตเดฐเตเดคเตเดคเตเดจเตเดจเดคเดฟเดจเตเดณเตเดณ เด˜เดŸเตเดŸเด™เตเด™เตพ เดจเดฟเด™เตเด™เตพ เดตเตเดฏเด•เตเดคเดฎเดพเดฏเดฟ เดŽเดดเตเดคเตเดจเตเดจเต. เด’เดฐเต เดกเดฟเด•เตเดฒเดฑเต‡เดฑเตเดฑเต€เดตเต เดšเดŸเตเดŸเด•เตเด•เต‚เดŸเดฟเตฝ เดจเดฟเด™เตเด™เตพ เดชเดฑเดฏเตเดจเตเดจเต, "เดˆ เดกเดพเดฑเตเดฑ เด…เดจเตเดธเดฐเดฟเดšเตเดšเต, เด‡เดจเตเดฑเตผเดซเต‡เดธเต เด‡เดคเตเดชเต‹เดฒเต† เด†เดฏเดฟเดฐเดฟเด•เตเด•เดฃเด‚." เด‡เดคเต เดฌเด—เต-เดซเตเดฐเต€ เด•เต‹เดกเต เดŽเดดเตเดคเตเดจเตเดจเดคเต เดตเดณเดฐเต† เดŽเดณเตเดชเตเดชเดฎเดพเด•เตเด•เตเด‚.

เดตเต†เดฌเตโ€Œเดธเตˆเดฑเตเดฑเต เดตเดฟเด•เดธเดจเดคเตเดคเดฟเดจเต เดกเต†เดตเดฒเดชเตเดชเตผเดฎเดพเตผ เดชเตเดคเดฟเดฏ เดธเดฎเต€เดชเดจเด™เตเด™เตพ เดธเตเดตเต€เด•เดฐเดฟเดšเตเดšเดฟเดŸเตเดŸเตเดฃเตเดŸเต, เด…เดคเดฟเดจเดพเดฒเดพเดฃเต jQuery-เดฏเตเดŸเต† เดœเดจเดชเตเดฐเต€เดคเดฟ เด•เตเดฑเดžเตเดžเดฟเดฐเดฟเด•เตเด•เตเดจเตเดจเดคเต.

เดŽเดชเตเดชเต‹เดดเดพเดฃเต jQuery เด‰เดชเดฏเต‹เด—เดฟเด•เตเด•เต‡เดฃเตเดŸเดคเต?

เด…เด™เตเด™เดจเต† เดŽเดชเตเดชเต‹เตพ เด†เดฏเดฟเดฐเดฟเด•เตเด•เดฃเด‚ jQuery เด‰เดชเดฏเต‹เด—เดฟเด•เตเด•เดฃเต‹?

เดชเตเดฐเต‹เดœเด•เตเดฑเตเดฑเดฟเดจเตเดฑเต† เดธเด™เตเด•เต€เตผเดฃเตเดฃเดค เดตเตผเดฆเตเดงเดฟเด•เตเด•เตเด•เดฏเดพเดฃเต†เด™เตเด•เดฟเตฝ, เดธเด™เตเด•เต€เตผเดฃเตเดฃเดคเดฏเต† เด…เตผเดคเตเดฅเดชเต‚เตผเดฃเตเดฃเดฎเดพเดฏเดฟ เด•เตˆเด•เดพเดฐเตเดฏเด‚ เดšเต†เดฏเตเดฏเดพเตป เดจเดฟเด™เตเด™เดณเต† เด…เดจเตเดตเดฆเดฟเด•เตเด•เตเดจเตเดจ เดฎเดฑเตเดฑเตŠเดฐเต เดฒเตˆเดฌเตเดฐเดฑเดฟ เด…เดฒเตเดฒเต†เด™เตเด•เดฟเตฝ เดšเดŸเตเดŸเด•เตเด•เต‚เดŸเต เด‰เดชเดฏเต‹เด—เดฟเดšเตเดšเต เด†เดฐเด‚เดญเดฟเด•เตเด•เตเดจเตเดจเดคเดพเดฃเต เดจเดฒเตเดฒเดคเต. เด‰เดฆเดพเดนเดฐเดฃเดคเตเดคเดฟเดจเต, เด‡เดจเตเดฑเตผเดซเต‡เดธเต เด˜เดŸเด•เด™เตเด™เดณเดพเดฏเดฟ เดตเดฟเดญเดœเดฟเด•เตเด•เตเด•. เด…เดคเตเดคเดฐเด‚ เดธเตˆเดฑเตเดฑเตเด•เดณเดฟเตฝ jQuery เด‰เดชเดฏเต‹เด—เดฟเด•เตเด•เตเดจเตเดจเดคเต เด†เดฆเตเดฏเด‚ เดจเดฒเตเดฒเดคเดพเดฏเดฟ เดคเต‹เดจเตเดจเดฟเดฏเต‡เด•เตเด•เดพเด‚, เดŽเดจเตเดจเดพเตฝ เดชเต‡เดœเดฟเดจเตเดฑเต† เดเดคเต เดญเดพเด—เดคเตเดคเต† เดเดคเต เดถเด•เดฒเดฎเดพเดฃเต เดฌเดพเดงเดฟเด•เตเด•เตเดจเตเดจเดคเต†เดจเตเดจเต เดจเดฟเด™เตเด™เตพเด•เตเด•เต เด‰เดฑเดชเตเดชเดฟเดฒเตเดฒเดพเดคเตเดค เดธเตเดชเดพเด—เต†เดŸเตเดŸเดฟ เด•เต‹เดกเดฟเดฒเต‡เด•เตเด•เต เด‡เดคเต เดชเต†เดŸเตเดŸเต†เดจเตเดจเต เดจเดฏเดฟเด•เตเด•เตเด‚.

เดžเดพเตป เด…เดคเตเดคเดฐเดฎเตŠเดฐเต เดธเดพเดนเดšเดฐเตเดฏเดคเตเดคเดฟเดฒเดพเดฃเต, เดŽเดจเตเดคเต†เด™เตเด•เดฟเดฒเตเด‚ เดฎเดพเดฑเตเดฑเด‚ เดตเดฐเตเดคเตเดคเดพเตป เดถเตเดฐเดฎเดฟเด•เตเด•เตเดฎเตเดชเต‹เตพ, เด…เดคเต เดฌเตเดฆเตเดงเดฟเดฎเตเดŸเตเดŸเตเดณเตเดณ เด•เดพเดฐเตเดฏเดฎเดพเดฏเดฟ เดคเต‹เดจเตเดจเตเดจเตเดจเต. เดธเต†เตผเดตเตผ เดธเตƒเดทเตเดŸเดฟเด•เตเด•เตเดจเตเดจ HTML เด˜เดŸเดจเดฏเต† jQuery เดธเต†เดฒเด•เตโ€ŒเดŸเดฑเตเด•เตพ เด†เดถเตเดฐเดฏเดฟเด•เตเด•เตเดจเตเดจเดคเดฟเดจเดพเตฝ เดจเดฟเด™เตเด™เตพ เด’เดจเตเดจเตเด‚ เดคเด•เตผเด•เตเด•เดฟเดฒเตเดฒเต†เดจเตเดจเต เดจเดฟเด™เตเด™เตพเด•เตเด•เต เด‰เดฑเดชเตเดชเตเดจเตฝเด•เดพเตป เด•เดดเดฟเดฏเดฟเดฒเตเดฒ.

เดธเตเด•เต†เดฏเดฟเดฒเดฟเดจเตเดฑเต† เดฎเดฑเตเดฑเต‡ เด…เดฑเตเดฑเดคเตเดคเต เด•เตเดฑเดšเตเดšเต เด‡เดจเตเดฑเดฑเดพเด•เตเดฑเตเดฑเดฟเดตเดฟเดฑเตเดฑเดฟ เด…เดฒเตเดฒเต†เด™เตเด•เดฟเตฝ เดกเตˆเดจเดพเดฎเดฟเด•เต เด‰เดณเตเดณเดŸเด•เตเด•เด‚ เดฎเดพเดคเตเดฐเด‚ เด†เดตเดถเตเดฏเดฎเตเดณเตเดณ เดฒเดณเดฟเดคเดฎเดพเดฏ เดธเตˆเดฑเตเดฑเตเด•เดณเดพเดฃเต. เดˆ เดธเดจเตเดฆเตผเดญเด™เตเด™เดณเดฟเดฒเตเด‚ เดžเดพเตป jQuery-เดฏเดฟเดฒเต‡เด•เตเด•เต เดกเดฟเดซเต‹เตพเดŸเตเดŸเต เดšเต†เดฏเตเดฏเดฟเดฒเตเดฒ, เด•เดพเดฐเดฃเด‚ เดจเต‡เดฑเตเดฑเต€เดตเต API-เด•เตพ เด‰เดชเดฏเต‹เด—เดฟเดšเตเดšเต เดจเดฟเด™เตเด™เตพเด•เตเด•เต เด•เต‚เดŸเตเดคเตฝ เด•เดพเดฐเตเดฏเด™เตเด™เตพ เดšเต†เดฏเตเดฏเดพเตป เด•เดดเดฟเดฏเตเด‚.

เดŽเดจเดฟเด•เตเด•เต เด•เต‚เดŸเตเดคเตฝ เดถเด•เตเดคเดฎเดพเดฏ เดŽเดจเตเดคเต†เด™เตเด•เดฟเดฒเตเด‚ เด†เดตเดถเตเดฏเดฎเตเดฃเตเดŸเต†เด™เตเด•เดฟเตฝเดชเตเดชเต‹เดฒเตเด‚, เดžเดพเตป เด’เดฐเต เดชเตเดฐเดคเตเดฏเต‡เด• เดฒเตˆเดฌเตเดฐเดฑเดฟเด•เตเด•เดพเดฏเดฟ เดจเต‹เด•เตเด•เตเด‚, เด‰เดฆเดพ. เด…เด•เตเดทเด™เตเด™เตพ เด…เดœเดพเด•เตเดธเดฟเดจเดพเดฏเดฟ เด…เดฒเตเดฒเต†เด™เตเด•เดฟเตฝ Animate.css เด†เดจเดฟเดฎเต‡เดทเดจเตเด•เตพเด•เตเด•เดพเดฏเดฟ. เด’เดฐเต เดšเต†เดฑเดฟเดฏ เดชเตเดฐเดตเตผเดคเตเดคเดจเดคเตเดคเดฟเดจเดพเดฏเดฟ เดŽเดฒเตเดฒเดพ jQuery-เดฏเตเด‚ เดฒเต‹เดกเต เดšเต†เดฏเตเดฏเตเดจเตเดจเดคเดฟเดจเต‡เด•เตเด•เดพเตพ เดŽเดณเตเดชเตเดชเดฎเดพเดฏเดฟเดฐเดฟเด•เตเด•เตเด‚ เด‡เดคเต.

jQuery เด‰เดชเดฏเต‹เด—เดฟเด•เตเด•เตเดจเตเดจเดคเดฟเดจเตเดณเตเดณ เดเดฑเตเดฑเดตเตเด‚ เดจเดฒเตเดฒ เดฏเตเด•เตเดคเดฟ เด…เดคเต เด’เดฐเต เดตเต†เดฌเตโ€Œเดธเตˆเดฑเตเดฑเดฟเดจเตเดฑเต† เดฎเตเตปเดตเดถเดคเตเดคเต เดธเดฎเด—เตเดฐเดฎเดพเดฏ เดชเตเดฐเดตเตผเดคเตเดคเดจเด•เตเดทเดฎเดค เดจเตฝเด•เตเดจเตเดจเต เดŽเดจเตเดจเดคเดพเดฃเต. เดตเตˆเดตเดฟเดงเตเดฏเดฎเดพเตผเดจเตเดจ เดจเต‡เดฑเตเดฑเต€เดตเต เดŽเดชเดฟเดเด•เดณเต‹ เดชเตเดฐเดคเตเดฏเต‡เด• เดฒเตˆเดฌเตเดฐเดฑเดฟเด•เดณเต‹ เดชเด เดฟเด•เตเด•เตเดจเตเดจเดคเดฟเดจเตเดชเด•เดฐเด‚, เดจเดฟเด™เตเด™เตพเด•เตเด•เต jQuery เดกเต‹เด•เตเดฏเตเดฎเต†เดจเตเดฑเต‡เดทเตป เดตเดพเดฏเดฟเด•เตเด•เดพเดจเตเด‚ เดคเตฝเด•เตเดทเดฃเด‚ เด‰เตฝเดชเตเดชเดพเดฆเดจเด•เตเดทเดฎเดฎเดพเด•เดพเดจเตเด‚ เด•เดดเดฟเดฏเตเด‚.

เดจเดฟเตผเดฌเดจเตเดงเดฟเดค เดธเดฎเต€เดชเดจเด‚ เดจเดจเตเดจเดพเดฏเดฟ เดธเตเด•เต†เดฏเดฟเตฝ เดšเต†เดฏเตเดฏเตเดจเตเดจเดฟเดฒเตเดฒ, เดชเด•เตเดทเต‡ เดฎเดฑเตเดฑเต เดฒเตˆเดฌเตเดฐเดฑเดฟเด•เดณเตเดŸเต† เดกเดฟเด•เตเดฒเดฑเต‡เดฑเตเดฑเต€เดตเต เดธเดฎเต€เดชเดจเดคเตเดคเต‡เด•เตเด•เดพเตพ เดชเด เดฟเด•เตเด•เดพเตป เดŽเดณเตเดชเตเดชเดฎเดพเดฃเต. เดตเตเดฏเด•เตเดคเดฎเดพเดฏเดฟ เดชเดฐเดฟเดฎเดฟเดคเดฎเดพเดฏ เด•เดดเดฟเดตเตเด•เดณเตเดณเตเดณ เด’เดฐเต เดธเตˆเดฑเตเดฑเดฟเดจเดพเดฏเดฟ, jQuery เด‰เดชเดฏเต‹เด—เดฟเด•เตเด•เตเด•เดฏเตเด‚ เดถเดพเดจเตเดคเดฎเดพเดฏเดฟ เดชเตเดฐเดตเตผเดคเตเดคเดฟเด•เตเด•เตเด•เดฏเตเด‚ เดšเต†เดฏเตเดฏเตเดจเตเดจเดคเดพเดฃเต เดจเดฒเตเดฒเดคเต: เดฒเตˆเดฌเตเดฐเดฑเดฟเด•เตเด•เต เดธเด™เตเด•เต€เตผเดฃเตเดฃเดฎเดพเดฏ เด…เดธเด‚เดฌเตเดฒเดฟเดฏเต‹ เดธเดฎเดพเดนเดพเดฐเดฎเต‹ เด†เดตเดถเตเดฏเดฎเดฟเดฒเตเดฒ.

เด•เต‚เดŸเดพเดคเต†, เดจเดฟเด™เตเด™เดณเตเดŸเต† เดธเตˆเดฑเตเดฑเต เด•เดพเดฒเด•เตเดฐเดฎเต‡เดฃ เดธเด™เตเด•เต€เตผเดฃเตเดฃเดฎเดพเด•เดฟเดฒเตเดฒเต†เดจเตเดจเต เดจเดฟเด™เตเด™เตพเด•เตเด•เต เด‰เดฑเดชเตเดชเตเดฃเตเดŸเต†เด™เตเด•เดฟเตฝ jQuery เดจเดฒเตเดฒเดคเดพเดฃเต, เด•เต‚เดŸเดพเดคเต† เดจเต‡เดฑเตเดฑเต€เดตเต เดชเตเดฐเดตเตผเดคเตเดคเดจเดคเตเดคเต†เด•เตเด•เตเดฑเดฟเดšเตเดšเต เดจเดฟเด™เตเด™เตพ เดถเตเดฐเดฆเตเดงเดฟเด•เตเด•เตเดจเตเดจเดฟเดฒเตเดฒเต†เด™เตเด•เดฟเตฝ, เดคเต€เตผเดšเตเดšเดฏเดพเดฏเตเด‚ jQuery-เดฏเต†เด•เตเด•เดพเตพ เด•เต‚เดŸเตเดคเตฝ เด•เต‹เดกเต เดŽเดดเตเดคเต‡เดฃเตเดŸเดฟ เดตเดฐเตเด‚.

เดจเดฟเด™เตเด™เตพเด•เตเด•เต IE-เดฏเตเดŸเต† เดชเดดเดฏ เดชเดคเดฟเดชเตเดชเตเด•เตพ เดชเดฟเดจเตเดคเตเดฃเดฏเตโ€Œเด•เตเด•เดฃเดฎเต†เด™เตเด•เดฟเตฝ เดˆ เดฒเตˆเดฌเตเดฐเดฑเดฟเดฏเตเด‚ เด‰เดชเดฏเต‹เด—เดฟเด•เตเด•เดพเด‚. เดเด‡ เดเดฑเตเดฑเดตเตเด‚ เดœเดจเดชเตเดฐเดฟเดฏเดฎเดพเดฏ เดฌเตเดฐเต—เดธเดฑเดพเดฏเดฟเดฐเตเดจเตเดจ เด•เดพเดฒเดคเตเดคเต เดšเต†เดฏเตเดคเดคเตเดชเต‹เดฒเต† jQuery เดจเดฟเด™เตเด™เดณเต† เดธเต‡เดตเดฟเด•เตเด•เตเด‚.

เดญเดพเดตเดฟเดฏเดฟเดฒเต‡เด•เตเด•เตเดณเตเดณ เด’เดฐเต เดฐเต‚เดชเด‚

jQuery เด‰เดŸเตป เด…เดชเตเดฐเดคเตเดฏเด•เตเดทเดฎเดพเด•เดฟเดฒเตเดฒ. เด…เดตเตพ เดธเดœเต€เดตเดฎเดพเดฏเดฟ เดตเดฟเด•เดธเดฟเด•เตเด•เตเดจเตเดจเต, เด•เต‚เดŸเดพเดคเต† เดจเต‡เดฑเตเดฑเต€เดตเต เดฐเต€เดคเดฟเด•เตพ เดฒเดญเตเดฏเดฎเดพเดฃเต†เด™เตเด•เดฟเดฒเตเด‚ เดชเดฒ เดกเต†เดตเดฒเดชเตเดชเตผเดฎเดพเดฐเตเด‚ เด…เดคเดฟเดจเตเดฑเต† API เด‰เดชเดฏเต‹เด—เดฟเด•เตเด•เดพเตป เด‡เดทเตเดŸเดชเตเดชเต†เดŸเตเดจเตเดจเต. เดเดคเต เดฌเตเดฐเต—เดธเดฑเดฟเดฒเตเด‚ เดชเตเดฐเดตเตผเดคเตเดคเดฟเด•เตเด•เตเดจเตเดจ เดตเต†เดฌเตโ€Œเดธเตˆเดฑเตเดฑเตเด•เตพ เดธเตƒเดทเตโ€ŒเดŸเดฟเด•เตเด•เดพเตป เด’เดฐเต เดฎเตเดดเตเดตเตป เดคเดฒเดฎเตเดฑ เดกเต†เดตเดฒเดชเตเดชเตผเดฎเดพเดฐเต†เดฏเตเด‚ เดฒเตˆเดฌเตเดฐเดฑเดฟ เดธเดนเดพเดฏเดฟเดšเตเดšเดฟเดŸเตเดŸเตเดฃเตเดŸเต. เดชเตเดคเดฟเดฏ เดฒเตˆเดฌเตเดฐเดฑเดฟเด•เตพ, เดšเดŸเตเดŸเด•เตเด•เต‚เดŸเตเด•เตพ, เดฎเดพเดคเตƒเด•เด•เตพ เดŽเดจเตเดจเดฟเดตเดฏเดพเตฝ เด‡เดคเต เดชเดฒ เดคเดฐเดคเตเดคเดฟเตฝ เดฎเดพเดฑเตเดฑเดฟเดธเตเดฅเดพเดชเดฟเด•เตเด•เดชเตเดชเต†เดŸเตเดŸเดฟเดŸเตเดŸเตเดฃเตเดŸเต†เด™เตเด•เดฟเดฒเตเด‚, เด†เดงเตเดจเดฟเด• เดตเต†เดฌเต เดธเตƒเดทเตเดŸเดฟเด•เตเด•เตเดจเตเดจเดคเดฟเตฝ jQuery เดตเดณเดฐเต† เดจเดฒเตเดฒ เดชเด™เตเด•เต เดตเดนเดฟเดšเตเดšเดฟเดŸเตเดŸเตเดฃเตเดŸเต.

jQuery-เดฏเตเดŸเต† เดชเตเดฐเดตเตผเดคเตเดคเดจเด•เตเดทเดฎเดคเดฏเดฟเตฝ เด•เดพเดฐเตเดฏเดฎเดพเดฏ เดฎเดพเดฑเตเดฑเดฎเดฟเดฒเตเดฒเต†เด™เตเด•เดฟเตฝ, เด…เดŸเตเดคเตเดค เดเดคเดพเดจเตเด‚ เดตเตผเดทเด™เตเด™เดณเดฟเตฝ เดฒเตˆเดฌเตเดฐเดฑเดฟเดฏเตเดŸเต† เด‰เดชเดฏเต‹เด—เด‚ เดธเดพเดตเดงเดพเดจเดคเตเดคเดฟเดฒเตเด‚ เด•เตเดฐเดฎเดพเดจเตเด—เดคเดฎเดพเดฏเตเด‚ เด•เตเดฑเดฏเดพเตป เดธเดพเดงเตเดฏเดคเดฏเตเดฃเตเดŸเต. เดชเตเดคเดฟเดฏ เดตเต†เดฌเตโ€Œเดธเตˆเดฑเตเดฑเตเด•เตพ เดคเตเดŸเด•เตเด•เด‚ เดฎเตเดคเตฝ เด•เต‚เดŸเตเดคเตฝ เด†เดงเตเดจเดฟเด• เดšเดŸเตเดŸเด•เตเด•เต‚เดŸเตเด•เตพ เด‰เดชเดฏเต‹เด—เดฟเดšเตเดšเดพเดฃเต เดจเดฟเตผเดฎเตเดฎเดฟเด•เตเด•เตเดจเตเดจเดคเต, เด•เต‚เดŸเดพเดคเต† jQuery-เดฏเตโ€Œเด•เตเด•เต เด…เดจเตเดฏเต‹เดœเตเดฏเดฎเดพเดฏ เด‰เดชเดฏเต‹เด— เด•เต‡เดธเตเด•เตพ เดตเดณเดฐเต† เด…เดชเต‚เตผเดตเดฎเดพเดฏเดฟ เดฎเดพเดฑเดฟเด•เตเด•เตŠเดฃเตเดŸเดฟเดฐเดฟเด•เตเด•เตเด•เดฏเดพเดฃเต.

เดตเต†เดฌเต เดกเต†เดตเดฒเดชเตโ€Œเดฎเต†เดจเตเดฑเต เดŸเต‚เดณเตเด•เตพ เด•เดพเดฒเดนเดฐเดฃเดชเตเดชเต†เดŸเตเดจเตเดจ เดจเดฟเดฐเด•เตเด•เต เดšเดฟเดฒ เด†เดณเตเด•เตพเด•เตเด•เต เด‡เดทเตเดŸเดฎเดฒเตเดฒ, เดชเด•เตเดทเต‡ เดŽเดจเตเดจเต† เดธเด‚เดฌเดจเตเดงเดฟเดšเตเดšเดฟเดŸเดคเตเดคเต‹เดณเด‚ เด‡เดคเต เดฆเตเดฐเตเดคเด—เดคเดฟเดฏเดฟเดฒเตเดณเตเดณ เดชเตเดฐเต‹เด—เดคเดฟเดฏเตเดŸเต† เดคเต†เดณเดฟเดตเดพเดฃเต. เด’เดฐเตเดชเดพเดŸเต เด•เดพเดฐเตเดฏเด™เตเด™เตพ เดจเดจเตเดจเดพเดฏเดฟ เดšเต†เดฏเตเดฏเดพเตป jQuery เดžเด™เตเด™เดณเต† เด…เดจเตเดตเดฆเดฟเดšเตเดšเต. เด…เดตเดณเตเดŸเต† เดชเดฟเตปเด—เดพเดฎเดฟเด•เดณเตเดŸเต† เด•เดพเดฐเตเดฏเดคเตเดคเดฟเดฒเตเด‚ เด‡เดคเตเดคเดจเตเดจเต† เดธเดคเตเดฏเดฎเดพเดฃเต.

เด…เดตเดฒเด‚เดฌเด‚: www.habr.com

เด’เดฐเต เด…เดญเดฟเดชเตเดฐเดพเดฏเด‚ เดšเต‡เตผเด•เตเด•เตเด•