jQuery手写插件如何修改属性-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

jQuery手写插件如何修改属性

2016-07-06 10:20:52 1850 1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script>
//自己手写插件UIselect
(function($){
    $.fn.UIselect = function(options){
        var defaults = {
            tit:"出错",  
        }
        var options = $.extend(defaults, options);
        this.each(function(){
            $(this).bind("click",function(){
                 $("#error").html(options.tit);
                 return false;
            });
        });
         
    };
})(jQuery);
 
 
$(document).ready(function(){
    $("#aaa1").UIselect({
        tit:"提示出错信息"
    });
     
    $('#aaa2').click(function(){
        //高手请帮我修改
        //点击这里以后,然后去点击出错。
        //要把#aaa1的tit修改
    });
 
 
});
</script>
<body>
<a href="javascript:void(0)" id="aaa1">出错</a>&nbsp;<a href="javascript:void(0)" id="aaa2">正常回去</a>
 
<div id="error"></div>
 
</body>
</html>

我自己开发一个插件。里面有属性。然后定义这个插件,我想经过一些操作(比如点击aaa2),把他属性修改了。

取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:51:53
    (function($){       
        $.fn.UIselect = function(options){
            var defaults = {
                tit:"出错"
            };
            this.data('tit',$.extend(defaults, options));
            var $this=this;
            this.each(function(){
                $(this).bind("click",function(){
                    $("#error").html($this.data('tit').tit);
                    return false;
                });
            });
             
        };
    })(jQuery);
     
     
    $(document).ready(function(){
        $("#aaa1").UIselect({
            tit:"提示出错信息"
        });
         
        $('#aaa2').click(function(){
            $("#aaa1").data('tit').tit='abc';
        });
    });
    
    0 0
相关问答

1

回答

jquery 中有那个插件有这个功能的?

2016-07-06 11:19:27 1589浏览量 回答数 1

1

回答

求帮我分析下这个jquery插件的功能

2016-03-24 09:27:36 1526浏览量 回答数 1

1

回答

jquery ajax中都支持哪些数据类型呀?

2021-11-22 21:54:10 495浏览量 回答数 1

1

回答

jQuery Ajax 常用的方法是什么?

2021-11-07 11:58:35 189浏览量 回答数 1

1

回答

jQuery AJAX的本质是什么?

2021-11-07 10:01:44 158浏览量 回答数 1

1

回答

JQuery 与ajax的关系是什么?

2021-09-29 15:56:15 402浏览量 回答数 1

1

回答

Ajax和jQuery有什么区别?

2021-09-28 16:29:18 298浏览量 回答数 1

1

回答

jQuery中ajax请求数据时候json格式报错 ?报错

2020-06-23 00:36:38 337浏览量 回答数 1

1

回答

jquery中的ajax的请求出现问题

2016-07-14 16:58:18 2053浏览量 回答数 1

1

回答

jquery mobile ajax 请求,弹出提示框

2016-07-05 17:07:35 1920浏览量 回答数 1
+关注
0
文章
14879
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载