標籤:指令碼語言 開頭 reset input 瀏覽器 檢測 格式 類型 封裝
轉載請註明原文地址:
一:JQuery能幹什麼
jQuery是一個JavaScript函數庫。我們知道,JS是運行在瀏覽器的指令碼語言,可以實現頁面的動態效果控制。但是原生的JS比較簡單,實現複雜功能時所需的代碼量也是可觀的。由此,就誕生了一系列的JS函數庫。其中,jQuery是最流行的JS函數庫,其中封裝了大量功能複雜且好用的函數,我們直接調用即可。
jQuery庫的功能:
- HTML 元素選取
- HTML 元素操作
- CSS 操作
- HTML 事件函數
- JavaScript 特效和動畫
- HTML DOM 遍曆和修改
- AJAX非同步編程
- 外掛程式機制用來擴充功能(引入某些領域特定的外掛程式工具,如:銀行系統的安全檢測外掛程式等)
二:JQuery的引入
<head> <script src="jquery-1.10.2.min.js"></script> </head> 三:JQuery基本文法 基礎文法: $(selector).action() 註:與EL/JSTL不同,
JQuery是通過 $() 選擇對象的,然後通過 .函數名() 調用方法。
四:JQuery選取器:選取頁面元素
1:基本選取器 jQuery 選取器可以通過元素的
id、類、類型、屬性、屬性值等選擇HTML 元素。 1)元素選取器:通過元素名選擇:$("name") 2)#id 選取器:頁面中元素的 id 應該是唯一的,所以在頁面中選取唯一的元素需要通過 #id 選取器:$("#id") 3)類別選取器:通過指定的 class 尋找元素:$(".類名") 2:層級選取器 可以通過層級關係由大到小地細緻選取。 1)祖先 後代 選取器:前面大選取器,後面為前面選取器結果中更小的元素選取器:
$("大元素 小元素") 2)父子 選取器:
$("父元素 > 子項目") 3)緊鄰 選取器:緊跟著第一個選取器後的第二個選取器元素:
$("前 + 後") 4)範圍選取器: prev 元素後的所有 target元素:
$("prev ~target") 3:篩選器 1)第一個:
$(‘範圍元素:first‘) 2)非:
$("範圍元素:not(選取器)") 3)偶數項:
$("範圍元素:even") 4)奇數項:
$("範圍元素:odd") 5)第i-1項(從0開始):
$("範圍元素:eq(i)")
6)大於i-1項:
$("範圍元素:gt(i)") 7)最後項:
$(‘範圍:last‘) 8)小於i-1項:
$("範圍:lt(i)") 9)文檔的根:$(":root") 4:內容選取器 1)包含某內容的元素:
$("範圍元素:contains(‘內容‘)") 2)尋找空元素:
$("範圍:empty") 3)包含某選取器內容的元素:
$("範圍:has(選取器)") 4)尋找含有子項目的元素:
$("範圍:parent") 5:屬性選取器 1)尋找包含某屬性的元素:
$("範圍[屬性]") 2)尋找屬性為某值的元素:
$("範圍[屬性=‘值‘]") 還有:不等於某屬性值、屬性值以某內容開頭、屬性值以某內容結尾、多個屬性條件組成的選取器等等。 6:表單選取器 表單選取器格式為:$(":標籤名") 主要有
- :input
- :text
- :password
- :radio
- :checkbox
- :submit
- :image
- :reset
- :button
- :file
7:表單屬性選取器
常用的有兩個:
1)匹配所有選中的被選中元素(複選框、單選框等):$("input:checked")
2)匹配所有選中的option元素:$("select option:selected")
JQuery學習筆記