js 插件 弹出deom 自身属性值 

<!DOCTYPE html>  
<html>  
<head>  
  <meta charset="utf-8">  
  <title>test</title>  
  <script src="/js/jquery-1.7.2.min.js"></script>  
  <style>
      
  </style>
  <script>  


 $(function(){
       jQuery.fn.extend({
           modalshow:function(options){
               var defaults = {
               triggerID:this.attr('id'),
             val:this.val(),
               callback:function(){
                   alert(this.val);
               }
               };
               var opts = $.extend(defaults,options);
             $('#'+opts.triggerID).bind('click',function(){
                    opts.callback();
             });
           }
           
       });
       $('#qu').modalshow();
 });
    
    
        
  </script>
 
 
</head>  
<body> 
    <input type="text" id="qu" value="haha" />

</body>  
</html>

 

posted on 2016-07-20 14:55  dcw  阅读(139)  评论(0)    收藏  举报

导航