$.fn.extend扩展的是一个jQuery对象函数,$.extend扩展的是一个jQuery全局函数
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="../../resources/js/jquery-2.0.0.js"></script> <script type="text/javascript" src="../../resources/customjs/regexp.js"></script> </head> <body> <input id="time" type="button" name="time" value="输入日期" /><br/> <input id="addData" name="" type="button" value="添加数据"/> </body> <script type="text/javascript"> $("#time").click(function(){ var inputDate = prompt("请输入日期:"); var flag = Validate.validateDate(inputDate); console.log(flag); }); $("#addData").click(function(){ //$.fn.extend jQuery对象函数 $(this).inputDataToHtml(); } ); //jQuery全局函数 $.inputDataAsTitle(); </script> </html>
regexp.js
var Validate = { //验证格式为yyyy-MM-dd的日期 validateDate : function(inputDate){ ,})(-|\/)(\d{,})\(\d{,})$/); if(r==null) return false; ], r[]-, r[]); ]&&(d.getMonth()+)==r[]&&d.getDate()==r[]); } } $.fn.extend({ inputDataToHtml : function(){ var data = prompt("请输入数据:"); &&$(){ $(this).after("<div id='list'></div>"); $("#list").append("<ol></ol>"); } $("#list ol").append("<li>"+data+"</li>"); } }) $.extend({ inputDataAsTitle : function(){ var data = prompt("请输入标题:"); $("body").append("<h1>标题为 : <font color='green'>"+data+"</font><h1>"); } });