jQuery是一個(gè)JavaScript庫(kù). 極大地簡(jiǎn)化了JavaScript編程。
jQuery 是一個(gè)“寫的更少，但做的更多”的輕量級(jí) JavaScript 庫(kù)。
jQuery 庫(kù)包含以下 特性：
- HTML 元素選取
- HTML 元素操作
- CSS 操作
- HTML 事件函數(shù)
- JavaScript 特效和動(dòng)畫
- HTML DOM 遍歷和修改
- AJAX
- Utilities
jQuery 語(yǔ)法 是為 HTML 元素的選取編制的，可以對(duì)元素執(zhí)行某些操作。
基礎(chǔ)語(yǔ)法是：$(selector).action()
- 美元符號(hào)定義 jQuery
- 選擇符（selector）“查詢”和“查找” HTML 元素
- jQuery 的 action() 執(zhí)行對(duì)元素的操作
示例
- $(this).hide() - 隱藏當(dāng)前元素
- $("p").hide() - 隱藏所有段落
- $(".test").hide() - 隱藏所有 class="test" 的所有元素
- $("#test").hide() - 隱藏所有 id="test" 的元素
jQuery 元素選擇器
jQuery 使用 CSS 選擇器來選取 HTML 元素。
- $("p") 選取 p 元素。
- $("p.intro") 選取所有 class="intro" 的 p 元素。
- $("p#demo") 選取所有 id="demo" 的 p 元素。
jQuery 屬性選擇器
jQuery 使用 XPath 表達(dá)式來選擇帶有給定屬性的元素。
- $("[href]") 選取所有帶有 href 屬性的元素。
- $("[href='#']") 選取所有帶有 href 值等于 "#" 的元素。
- $("[href!='#']") 選取所有帶有 href 值不等于 "#" 的元素。
- $("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結(jié)尾的元素。
jQuery CSS 選擇器
jQuery CSS 選擇器可用于改變 HTML 元素的 CSS 屬性。
下面的例子把所有 p 元素的背景顏色更改為紅色：
實(shí)例
$("p").css("background-color","red");
選擇器實(shí)例
jQuery 事件處理方法是 jQuery 中的核心函數(shù)。
由于 jQuery 是為處理 HTML 事件而特別設(shè)計(jì)的，那么當(dāng)您遵循以下原則時(shí)，您的代碼會(huì)更恰當(dāng)且更易維護(hù)：
- 把所有 jQuery 代碼置于事件處理函數(shù)中
- 把所有事件處理函數(shù)置于文檔就緒事件處理器中
- 把 jQuery 代碼置于單獨(dú)的 .js 文件中
- 如果存在名稱沖突，則重命名 jQuery 庫(kù)
jQuery事件
jQuery效果
