jQuery插件开发的一些问题
最近在学下jQuery的插件开发,以下是在网上找的一段代码:
为什么设置了div的背景色为红色 $('div').tooltip({ 'background-color': 'red' }); ,还是没有改变呢?代码是在网上找的不知道哪里不正确,请教下兄弟们.......
<script type="text/javascript">
//创建一个插件
(function ($) {
$.fn.tooltip = function (options) {
var settings = {
'location': 'top',
'background-color': 'blue'
};
return this.each(function () {
// 如果存在选项,则合并之
if (options) {
$.extend(settings, options);
}
// 其他代码
});
};
})(jQuery);
$(function () {
$('#btnAdd').click(function () {
$('div').tooltip({ 'background-color': 'red' });
});
});
</script>
<input id="btnAdd" type="button" value="相加" />
<div id="myDiv1" style="width: 300px; height: 100px; border: 1px solid black;">
myDiv1</div>
<div id="myDiv2" style="width: 300px; height: 80px; border: 1px solid red; background-color:Blue;">
myDiv2</div>
<div id="myDiv3" style="width: 300px; height: 120px; border: 1px solid blue;">
myDiv3</div>为什么设置了div的背景色为红色 $('div').tooltip({ 'background-color': 'red' }); ,还是没有改变呢?代码是在网上找的不知道哪里不正确,请教下兄弟们.......
...全文
相关推荐
jquery插件大全
- 社区支持:jQuery插件社区庞大,遇到问题时容易找到解决方案。缺点:- 增加页面加载时间:引入过多插件可能会影响页面加载速度。- 兼容性问题:不同的插件可能存在兼容性冲突,需要谨慎选择和管理。
jquery倒计时插件
### 一、jQuery插件概念jQuery插件是基于jQuery库的扩展,它们封装了特定的功能,使得开发者能够快速、便捷地在项目中应用这些功能,而无需从零开始编写复杂的代码。
jquery.switcher:jQuery插件; 自定义开关
不再受支持的影响由于`jQuery.switcher`不再受支持,可能会遇到以下问题:- **兼容性**:随着浏览器和jQuery版本的更新,插件可能出现兼容性问题。
jquery环状轮播图插件
开发者在使用时需要注意这一兼容性问题,可能需要提供备选方案或者提示用户升级浏览器。**5.
jQuery日历签到插件
jQuery日历签到插件是一种常见的前端开发工具,主要用于实现网页上的日期选择和签到功能。


