更新時(shí)間:2021-06-10 來(lái)源:黑馬程序員 瀏覽量:
IT就到黑馬程序員.gif)
(1)考察目標(biāo)
1)考察是否自己編寫過(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>(3)應(yīng)用場(chǎng)景