演示一下jQuery擴(kuò)展插件【前端面試題】

（1）考察目標(biāo)
1）考察是否自己編寫(xiě)過(guò)拓展插件
2）是否知道為jQuery擴(kuò)展插件的方法
（2）題目分析
1）通過(guò)$.extend()來(lái)擴(kuò)展jQuery
2）通過(guò)$.fn 向jQuery添加新的方法

代碼

 // 1. 通過(guò)$.extend()來(lái)擴(kuò)展jQuery
        // 語(yǔ)法： $.extend({})
        // 缺點(diǎn)：這種方式無(wú)法利用jQuery強(qiáng)大的選擇器帶來(lái)的便利，

        $.extend({            log: function(msg) {                var now = new Date(),
                    y = now.getFullYear(),
                    m = now.getMonth() + 1,
                    d = now.getDate(),
                    h = now.getHours(),
                    min = now.getMinutes(),
                    s = now.getSeconds(),
                    time = y + '/' + m + '/' + d + ' ' + h + ':' + min + ':' + s;                console.log(time + '--' + msg);
            }
        })
        $.log('initializing'); //調(diào)用

        // 2. 通過(guò)$.fn 向jQuery添加新的方法
        /*
        語(yǔ)法
        $.fn.pluginName = function() {
        //your code goes here
        }
        */
        // 常用的方式
        $.fn.changeColor = function() {            //在這里面,this指的是用jQuery選中的元素
            this.css('color', 'red');
        }

        $(function() {
            $('a').changeColor();
        })
    </script>

什么是jQuery？jQuery有哪些優(yōu)勢(shì)？

jQuery如何使用css方法修改單個(gè)樣式？

jQuery庫(kù)中的$()是什么?

傳智教育前端與移動(dòng)開(kāi)發(fā)開(kāi)發(fā)培訓(xùn)