更新時間:2021-06-10 來源:黑馬程序員 瀏覽量:
(1)考察目標(biāo)
1)考察是否自己編寫過拓展插件
2)是否知道為jQuery擴(kuò)展插件的方法
(2)題目分析
1)通過$.extend()來擴(kuò)展jQuery
2)通過$.fn 向jQuery添加新的方法
代碼
// 1. 通過$.extend()來擴(kuò)展jQuery // 語法: $.extend({}) // 缺點:這種方式無法利用jQuery強(qiáng)大的選擇器帶來的便利, $.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. 通過$.fn 向jQuery添加新的方法 /* 語法 $.fn.pluginName = function() { //your code goes here } */ // 常用的方式 $.fn.changeColor = function() { //在這里面,this指的是用jQuery選中的元素 this.css('color', 'red'); } $(function() { $('a').changeColor(); }) </script>(3)應(yīng)用場景