jQuery自定义函数_jquey option自定义参数-CSDN博客

 
 <html> 
 
 <head> 
 
 <meta name= 
 "viewport"  
 content= 
 "width=device-width"  
 /> 
 
 <title>Index</title> 
 
 <script src= 
 "~/Content/jquery-1.7.1.min.js" 
 ></script> 
 
 <script language= 
 "javascript"  
 type= 
 "text/javascript" 
 > 
 
 $(function () { 
 
 $.fn.TestJq = function (options) { 
 
 //默认参数 
 
 var settings = { 
 
 Display:  
 "block" 
 , 
 
 Text:  
 "这里是内容" 
 
 }; 
 
 //传入参数覆盖 
 
 if  
 (options) { 
 
 jQuery.extend(settings, options); 
 
 } 
 
 this 
 .css( 
 "display" 
 ,settings.Display).html(settings.Text); 

 }; 
 
 $( 
 "#div1" 
 ).TestJq({Display: 
 "block" 
 , Text:  
 "新内容!"  
 }); 
 
 }); 
 
 </script> 
 
 </head> 
 
 <body> 
 
 <div id= 
 "div1" 
 > 
 
 </div> 
 
 </body> 
 
 </html>