一個弟弟關於jQuery的記錄

前提：jQuery是一套跨瀏覽器，多功能，可擴展的JavaScript庫。jQuery受歡迎主要是由於有一下這些特點：

• (1)強大的兼容處理，消除了瀏覽器之間的差別
• (2)簡潔的鏈式語法，結合函數式編程技巧就能用少許的代碼完成一系列的功能
• (3)元素操做法多樣化，可對文檔中的元素進行查找，讀寫屬性，控制樣式，註冊事件等操做
• (4)能夠快速實現Ajax,動畫，瀏覽器嗅探，函數式編程等功能
• (5)良好的擴展性，吸引了不少開發者爲其設計插件

jQuery是如何獲取元素的呢？

jQuery如何獲取頁面元素？

$("#test")：獲取id爲test的元素集
$(".red")：獲取class爲red的元素集
複製代碼

jQuery的鏈式調用

jQuery對象中的方法會盡量返回對象自己，所以可實現簡潔的鏈式調用，舉個栗子：先找到id屬性爲「btn」的目標元素(即要匹配的元素)，再爲其父元素添加一個CSS類，最後返回該父元素中的HTML內容

$("#btn".parent().addClass("container").html();
複製代碼

jQuery對元素的操做

在jQuery中，能夠用很簡單的方式建立一個或多個元素(經過調用$()函數來實現),其餘諸如插入，查找，刪除和複製等操做，也很容易實現。

1：查找方法：

傳遞CSS選擇器字符串給()可以兼容全部瀏覽器，而且還擴展了已有的選擇器，例如引入了：button,:checkbox等獨有的表單選擇器，返回的jQuery對象比Nodelist也強大不少

選擇器	描述	選擇器	描述
:button	匹配按鈕元素	:image	匹配圖像元素
:checkbox	匹配複選框元素	:text	匹配文本框元素
:radio	匹配單選框元素	:selected	匹配選擇框中選中的選項元素
:file	匹配上傳按鈕元素

2：插入方法

jQuery提供了多個方法在某個位置插入指定的內容。 jQuery對象中的append()方法可將指定的內容插入到目標元素的子元素列表的末尾處，另外一個appendTo()方法也能實現相同的插入操做，只是採用的方式不一樣，以下面的代碼，append()中的目標元素在前，要插入的元素災後，可稱其爲前置方式。而appendTo()中的目標元素在後，要插入的的內容在前，可稱其爲後置方式。

$("#target").append("<p>插入的內容</p>");
$("<p>插入的內容</p>").appendTo("#target")
複製代碼

1：修改元素

建立元素直接用jQuery構造函數就好了

$('<h1>Hello</h1>')
複製代碼

元素的屬性

經過jQuery對象不但可以改變文檔的結構，還能獲取和設置元素的屬性，特性，尺寸，座標，樣式，關聯的數據以及表單中空間的值。