锋利的jQuery-7--一个$.fn.color插件的编写过程
2024-09-26 01:47:32
编写一个设置和获取元素的color的插件：
首先实现第一个功能，设置：
;(function($){
$.fn.extend({
color:function(value){
return this.css("color",value); //css方法本身就是返回当前元素的jQuery对象
}
});
})(jQuery);
$("span").color("red"); //调用
然后实现第二个功能，获取：如果没传入value就是获取
;(function($){
$.fn.extend({
color:function(value){
if(value == 'undefined'){ //如果没传入值就是获取
return this.css("color");
}else{
return this.css("color",value); //css方法本身具有返回第一个匹配元素的样式值的功能，此处无需通过eq()来获取第一个元素
}
}
});
})(jQuery);
实际上，css方法内部已经有判断value值是否为undefined的机制，所以才可以根据传递参数的不同返回不同值。因此可以：
;(function($){
$.fn.extend({
color:function(value){
return this.css("color",value); //传值就是设置，没传就是取值
}
});
})(jQuery);
最新文章
- Extjs Panel
- python 安装模块
- 学习angularjs时遇到 XX is not a function
- Java for LeetCode 172 Factorial Trailing Zeroes
- 导入/导出Excel
- Silverlight自动根据屏幕分辨率进行布局
- hdoj 1596 find the safest road
- NHibernate多对多关联映射的实现
- Good Numbers
- Django中的cookie与session
- vue实现ajax滚动下拉加载，同时具有loading效果
- angular 4 实现的tab栏切换
- Oracle数据库基础练习题
- 开发Canvas 绘画应用（三）：实现对照绘画
- 1分钟快速制作漂亮的H5本地记事本
- GPT转MBR怎么转？
- CentOS6.5配置MYSQL一主多从详解
- 扩展EF的Fluent API中的 OnModelCreating方法 实现全局数据过滤器
- python- 动态加载目录下所有的类
- STM32硬件IIC