开发者社区> 问答> 正文

jQuery手写插件如何修改属性

<!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),把他属性修改了。

展开
收起
a123456678 2016-07-06 10:20:52 2192 0
1 条回答
写回答
取消 提交回答
  • (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';
        });
    });
    
    2019-07-17 19:51:53
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
现代Javascript高级教程 立即下载
利用编译将 Vue 组件转成 React 组件 立即下载
23-Vue.js在前端...1506518547.pdf 立即下载