標籤：
bootstrap form-group和form-control 如何行內布局，如何水平布局。
jQuery.fn如何擴充。
jQuery外掛程式 $.fn(object)與$.extend(object)
jQuery提供了兩個方法協助開發外掛程式
$.fn 等於 $.prototype；這樣就好理解了，就好比對String.porotype增加一個函數，然後所有的字串對象都能夠直接調用，
jQuery也是如果。給jQuery增加一個函數，然後所有的jQuery對象都能夠調用。jQuery對象就是$("#id")或
$(document.getElementById("Id"))這些;
在寫法上可以
$.fn或$.fn.extend({})
<!DOCTYPE html><html><head><script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script><script> $.fn.clear = function(){ $(this).html(‘‘);//寫法一 } $.fn.extend({ clear:function(){ $(this).html(‘‘);//寫法二 } }) $(function(){ $("#btn1").click(function(){ $("h1").clear(); }) })</script></head><body><h1>我的第一個 JavaScript 程式</h1><input type="button" id="btn1" value="確定" /></body></html> 二、$.extend();
我們知道$就是jQuery對象。所以
$.extend其實就是擴充"jQuery"這個對象本身的函數。實際上相當於你建立了一個object對象,然後object.abc = function(){}
<!DOCTYPE html><html><head><script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script><script> $.clear = function(obj){ obj.html(‘‘);//寫法一 } $.extend({ clear:function(obj){ obj.html(‘‘);//寫法二 } }) $(function(){ $("#btn1").click(function(){ $.clear($("h1")); }) })</script></head><body><h1>我的第一個 JavaScript 程式</h1><input type="button" id="btn1" value="確定" /></body></html>
jQuery.fn.extend() 與 jQuery.extend()
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
