jQuery插件记录 <三>使用$.fn添加jQuery对象方法中传递options给定默认值

本文探讨了在扩展jQuery对象方法时如何为options提供默认值,以确保在未传入options时能正常工作。通过代码示例展示了具体的实现方式。
摘要由CSDN通过智能技术生成

上一篇中讲到了扩展jquery方法,并且传递options,但当我们传递的options给定一个默认值来应对在调用扩展对象时不传递options怎么办呢?

先看代码:

$.fn.bgChange = function(options){
//给定一个默认值。
   <span style="color:#FF6666;">var defaults = {
        color:"black",fontSize:"12"
    }</span>
//将传递的值替换为默认值,可以避免传递的options为null和没有传递options的情况。
   <span style="color:#FF6666;">var options = $.extend(defaults,options);</span>
  this.css("background-color",options.color);  
  this.css("font-size",options.fontSize);  
}
调用形式有如下三种:

1、传递所有options参数调用形式如下:


//调用时的代码如下:
$(document).ready(function(){ 
    $('#btn').on('click',function(){
        $(this).bgChange({
            color:"blue",
        
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值