jquery ????? jquery? ???? ???? ??? ?? ??? "jquery ????"? ?????. ?? ? jQuery? ???? ?? ?? ?? ??? ??? ? ???, ?? ???? ?? ??? ??? ??? ? ????. ?? ?? ??? ????. jquery ????? ???? ??? ?? ??? ?? ???? ??? ????? ??? ?? ??? ???? ?? ?? ???? ????? ?? ?? ??? ???? ? ??? ?? ????.

? ????? ?? ??: windows7 ???, jquery3.6.1 ??, Dell G3 ???.

????? "????"? ?????. jquery ????? "jquery ????"? ?????.

jquery ?????? ??????

jQuery ????? ???? Jquery? ???? ?? ??? ?? ?? ?? js ??? ?????? ????? ?? ??? ??? ? ??? ???? ???? ???? ?????.

jquery ????? ???? ??? ?? ??? ?? ???? ??? ????? ??? ?? ??? ???? ?? ?? ???? ????? ?? ?? ??? ???? ? ??? ?? ????.

????? ??? ????? jQuery ????? ?? ?? ???? ??? ???? ???. ?????? ?? ??? ??? ? ????. ?? ?? jQuery ?? ?????? ??? ???? jQuery? ???? ?? ????? ??? ??? ?? ??? ??? ?? UI ??? UI CSS ??? ???? ???.

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

??? ?? ??? jQuery? ??? ??? ??? ???? ? ??? ??? ??? ? ????.

???? ??

???? ??? ???? jquery? ????? ?? ?? ???? ??? ?? ??? ??? ?????:

;(function ($) {
    $.fn.plugin=function (options) {
        var defaults={
            //各種參數(shù)、各種屬性
        };
        //options合并到defaults上,defaults繼承了options上的各種屬性和方法,將所有的賦值給endOptions
        var endOptions=$.extend(defaults,options);
        
        this.each(function () {
            //實(shí)現(xiàn)功能的代碼
        });
    };
})(jQuery);

???? ?? ??:

1. ?? ????? ???? ?? ? ?????

2. ???? ??? ??? ?? ?? ????? ?????.

jquery ???? ?? ??:

1. $.extend()

2. $.fn

? jquery? ??? ??? ?? $.widget()

? ?? ????? jQuery UI ?? ??? ???? ?????. 1?? ???? ??? ? ??? ?? ???? ??? ? ????. jQuery?? ?? ???? ????? DOM ??? ??? ??? ????.

jquery? ????? ???? ?? ????

JQuery?? ??? ?? ??? ?? ????? ????. ?: ?? ??, ?? ??, ??? ?? ????, ?? ? ? ?? ??? ?? ???? ?? ?? ???? ?? ????? ??? JQuery ?????? ?? ??? ?? ?????. ??? ?? ????? ?? ???? ???? ? ??? ?? ???? ??????.

??? ????? ???? ?? ????? ?????.

1. jQuery ?? ?? ????: Validation

(1) ?? ??

JavScript? ?? ????? ???? ??? ?? ????, ??? JavaScript ?????? jQuery? ??? ?? ?? ???? ?????. -in—— Validation.Validation? ?? ??? jQuery ???? ? ???? ? ??? ??? ?????? ?????? ?? ? ?????? ??? ?????. ?? ?? ?? ??????? ???? ??? ?? ??? ????.

• ?? ?? ??: ??, ??, ???, URL ? ?? ?? ??? ?? 19?? ??? ?? ??? ???? ????.
• ??? ?? ?? : ?? ??? ? ????. ?? ??? ??? ?????.
• ???? ??? ?? ?? ????: ?? ?? ????? ????? ???? ???, ?? ???? ??? ??? ???? ??? ?????.
• ??? ??: ?? ?? ??? ?? ??? ??? ? ????. ???? ??? ??? ??? ??? ???? ? ??? ????.

(2) ???? ???? ??: http://bassistance.de/jquery-plugins/jquery-plugin-validation/

??? ?? ????? ?? API ??? ??? ????. http://docs.jquery.com/Plugins/Validation

2. jQuery ?? ????: Form

(1) Form ???? ??

jQuery Form ????? ??? Ajax ?? ???????. ?? ?? ?? ?? ??? ? ????. Ajax? ????? HTML ??? ???????. jQuery?? ?? ?? ???? ?? ???? ?? ?? ????? ??? ??? ajaxForm() ? ajaxSubmit()??? ? ?? ?? ???? ????. ?? ?????? formToArray(), formSerialize(), fieldSerialize(), fieldValue(),clearForm(), ResetForm() ?? ?? ???? ???? ????.

(2) jQuery Form ?? ???? ???? ??: http:///jquery.malsup.com/form/. ??? ?????? ????? ?????? ??? ?? ??, API, ?? ?? ?? ? ? ????.

3. ?? ??? ??? ????: livequery

(1) livequery ???? ??

jQuery? ??? ??? ??? ???? jQuery ??? HTML ??? ??? ??? ? ?? ??? ??? ??? ?? ????? ?? ??? ?????. ??? ???? ???? ???? HTML ??? ?? ???? ?? ??? ??? ?? ????? ??? ?? ?????. ?? ?? ?? DOM ??? ??? ????? ?? ??? ????? ? ??? ? ?? livequery?? ??? ????? ??????. ?? ???? ???? ??? ???? ???? ?? ??? ??? JavaScript? ?? ??? ??? ???? ??????. ??? ? ?? ???? ???? ??? livequery? ??? ??? ???? ????? ???? ? ?? HTML ??? ??? ??? ??? ??? ??? ???? ???? ???? ???? ???? ???.

jQuery ???? ?? DOM ??? ???? ??? ?? ????? ?? ?? DOM ???? ????? ?????. ?, ??? ??? ????? ??? ???? ?????? ??? ???? CSS? ??? ?????? ??? ???? ??????. ??? ? ????? ?? ?? ???? ???? ??? ??? ??? ?????.
(2) jQuery ????? ???? ???? ??: http://plugins.jquery.com/livequery/

4. jQuery UI ????

(1) jQuery UI ??:

jQuery UI? jQuery ????— —?????. ????? ????? ?? ??? jQuery 1.1.2 ??? ???? 1.2 ?????. ?? ?? ???? ???? ????? ??? jQuery 1.2 API? ???? ????? API? ????. ???? ???? ?? ?? ??? 1.3? ??? ?? 1.5? ???? jQuery UI? ??? ???????.

jQuery UI? ?? ????, ??, ?? ?????

• ????? ? ???? ????. ??? ??? ????? ??? ?????. ??, ??, ??/??, ?? ? ?? ?? ?????. ?? ??? ??? ??? ?? ??? ???? ???????. ? ???????
• ??? ???? ?? jQuery UI ?? ?????? ui.core.js? ?????. ??? ?? ?? ????? ?????. ???? ???? ??, ?? ??, ?? ???, ?? ??, ????, ???, ??, ???, ??? ??? ? ??? ????? ?????. ? ??????? jQuery UI ?? ?????? ?????. ui.core.js?

• ?? ?????? ?????. ? ?????? ??? ????? ??? ???? ? ????? ?????? ? ?? animate() ???? ???? ????. ?? ??????? ?? ?? ??? effect.core.js? ??? jQuery? ?? ????? ui.core.js

??? ???? ????. (2) jQuery UI ????? ???? ??? http???. //jqueryui.com/download /all/. ?? ??, ?? ??, ??? ????? ??? ?? ???? ?? ??????? "jQuery UI 1.6rc2" ??? ?????.

5. ?? ?? ????: ??

(1) ?? ???? ??

??? ???? ????? ?????? ???? ?? ??? ?????. ??? ????? ?? ??? ??? ? ????. ?? ??, ?? ????? ???? ??? ?? ??? ?????, ?? ????? ???? ?? ??? ??? ????? ????? ?????. ???? ?? ?? ? ???? ??? ??? ????? ???? ????? ??? ??? ? ??? ??? ??? ????.

jQuery? ?????? ??? ??? ? ?? ?? ??? ????? ????, ???? ??? Cookie???.

(2) jQuery Cookie ???? ???? ??: http://plugins.jquery .com/cookie/

6 , ?? ? ????: SimpleModal

(1) SimpleModal ???? ??

SimpleModal? ?? ? ??? ?? ??? ?????? ???? ?? jQuery ???????. ?? ? ????? ??? ? ????. SimpleModal? ?? ???? ??? ? ?? ?? ?? ?? ? ??? UI ?? ? ???? ? ??? ??? ??? ????.

(2) SimpleModal ???? ???? ??: http://www.ericmmartin.com/projects/simplemodal/

7. ?? ?? ??? ????:lazyload

?? ?? ?? ?? ?? ?? ??? ???? ???? ??

???? URL: https://cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload.min.js

8, ??? ????

???? ?? ?? ? ??? ?? ??

???? ??: https://github.com/amibug/fly

9, qrcode

j??????? ???? QR ?? QRCode? ??? ? ?? ?? ????

???? ??: https //github.com/lrsjng/ jquery-qrcode

10 ? spinner

? ???? ?? ?? ????? ? ? ??? ???? ??? ?? ???? ?? ?? ??? ?? ????. ??.

???? ??: https://github.com/vsn4ik/jquery.spinner

etc. . .

【?? ??: jQuery ??? ????, ? ????? ???】

? ??? jquery ????? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!