【jQuery巨集觀總結】

我是太陽啦啦啦發表於2017-02-05

前言:

學習了jQuery這麼久,在例項中終於體會到了它的精髓之所在-“Write less ,Do more”,讓我更加體會到了jQuery的偉大之處。

核心:

定義】:


    jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之後又一個優秀的JavaScript程式碼庫(或JavaScript框架)。

我們來總結一下HTML,CSS,Javascript:

HTML:負責頁面內容

CSS:負責頁面樣式

JavaScript:負責頁面行為

jQuery是JavaScript程式碼庫,負責頁面行為。

 

設計的宗旨】:

   是“write Less,Do More”,即倡導寫更少的程式碼,做更多的事情。下面的例子是jQuery的程式碼,所有的樣式通過下面一個形式都表示出來。

 

var inputObj = $("<input type='text'>").css("border-width","0")
			.css("font-size","16px").width(tdObj.width())
			.css("background-color",tdObj.css("background-color"))
			.val(text).appendTo(tdObj);


功能】:

   它封裝JavaScript常用的功能程式碼,提供一種簡便的JavaScript設計模式,優化HTML文件操作、事件處理、動畫設計和Ajax互動。

 

【任務】

1.怎麼找到你所操作的節點,包裝成他的物件

2.做一些你想對節點要做的事

 

【特點】

總結:

下篇文章將會總結jQuery例項中的知識點,謝謝大家的閱讀。

相關文章