jQuery插件機制：
在開發(fā)中，有這樣的情況：需要實現(xiàn)一某種功能，但是我們發(fā)現(xiàn)jQuery中并沒有我需要的方法，而我們又不可以去修改jQuery源碼，于是我們可以使用jQuery中提供的插件擴展機制。
常用插件：
https://plugins.jquery.com
插件定義方式:
- jQuery全局插件方法：
$.ajax();//些類方法為jQuery的全局方法，可以在jQuery環(huán)境下任何地方法直接使用。
$.extend({
fn1 : function(){},
fn2 : function(){},
...
});
調用執(zhí)行：
$.fn1();
$.fn2();
- jQuery局部插件：
$("div").css();//局部方法，某個jQuery對象調用
$.fn.extend({
fn1 : function(){},
fn2 : function(){},
...
});
調用執(zhí)行：
$("div").fn1();
- 插件方法中的this
$.extend({
fn1:function(){
console.log(this === $);//true
}
});
$.fn1();//true,說明方法中的this為jQuery對象
$.fn.extend({
fn1:function(){
console.log(this.html());//正常輸出元素內容
}
});
$("div").fn1();
因為全局插件方法只能用$來調用，因此方法中的this實際上就是jQuery本身
而局部插件中的方法，使用哪個對象調用方法，方法中的this就指向誰，并且對象是jQuery包裝后的對象。
validate插件的簡單使用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--jquery引入-->
<script src="../js/jquery.min.js"></script>
<!--validate插件引入-->
<script src="jquery.validate.js"></script>
<!--依賴插件引入-->
<script src="jquery.validate.messages_zh.js"></script>
</head>
<body>
<form action="123.html">
<!--
相關屬性設置
class="required"：必填驗證
minlength = "8" maxlength="10"：長度驗證
class="email"：驗證郵箱
class="url"：網(wǎng)址驗證
class="url"：date日期驗證
-->
<p>用戶名:<input type="text" class="required" minlength = "8" maxlength="10" name="uname"/></p>
<p>郵箱:<input type="text" class="required email" name="email"/></p>
<p>網(wǎng)址:<input type="text" class="required url" name="url"/></p>
<p>日期:<input type="text" class="required date"/></p>
<input type="submit" value="提交"/>
</form>
</body>
</html>
<script type="text/javascript">
$("form").validate();//調用插件
</script>
