jQuery教程
jQuery選擇器
- jQuery選擇器
- jQuery基本選擇器
- jQuery層次選擇器
- jQuery基本過(guò)濾選擇器
- jQuery內(nèi)容過(guò)濾選擇器
- jQuery可見(jiàn)性過(guò)濾選擇器
- jQuery屬性過(guò)濾選擇器
- jQuery子元素過(guò)濾選擇器
- jQuery表單元素選擇器
- jQuery input選擇器
jQuery動(dòng)畫(huà)效果
- jQuery顯示和隱藏效果
- jQuery淡入淡出效果
- jQuery滑動(dòng)效果
- jQuery動(dòng)畫(huà)效果
- jQuery停止動(dòng)畫(huà)
- jQuery Callback 方法
- jQuery鏈(Chaining)
jQuery節(jié)點(diǎn)操作
- jQuery獲取與修改元素屬性值
- jQuery添加節(jié)點(diǎn)append
- jQuery清空節(jié)點(diǎn)與刪除節(jié)點(diǎn)
- jQuery復(fù)制節(jié)點(diǎn)
- jQuery中append與appendto的區(qū)別
jQuery事件
jQuery HTML
- jQuery獲取內(nèi)容和屬性
- jQuery設(shè)置內(nèi)容和屬性
- jQuery獲取并設(shè)置CSS類
- jQuery css() 方法
- jQuery尺寸
- jQuery添加元素
- jQuery刪除元素
jQuery遍歷
jQuery其他
jQuery Ajax
jQuery參考手冊(cè)
- jQuery選擇器
- jQuery事件方法
- jQuery效果方法
- jQuery HTML / CSS 方法
- jQuery遍歷方法
- jQuery AJAX 方法
- jQuery雜項(xiàng)方法
- jQuery屬性
jQuery實(shí)例
jQuery插件
jQuery牛刀小試
舉例：jqueryPrimary
調(diào)試環(huán)境
所有程序均在 webStorm 的 project 項(xiàng)目下完成。調(diào)試在 html 頁(yè)面下完成。
在 jquery-code 目錄下新建一個(gè) folder，將要測(cè)試的不同版本的 jQuery 庫(kù)文件放入其中。
hello world 小程序 – 001-引入 jQuery 庫(kù).html
1.使用 jQuery，首先要將 jQuery 庫(kù)引入。使用如下語(yǔ)句：
2.$(document)，會(huì)將 Dom 對(duì)象 document 轉(zhuǎn)換為 jQuery 對(duì)象。$(document).ready()函數(shù)是，當(dāng) DOM 對(duì)象加載完畢后，馬上要執(zhí)行的函數(shù)。
3.本例是當(dāng) DOM 對(duì)象加載完畢后，馬上顯示一個(gè)提示框。
4.完整代碼
5.運(yùn)行。結(jié)果是：
等效代碼 – 002-jQuery 等同用法.html
$(document)與$()、jQuery()、window.jQuery()是等價(jià)的，所以以上 jQuery 代碼等效于如下代碼：
DOM 對(duì)象轉(zhuǎn)化為 jQuery 對(duì)象 – 003-jQuery.html
1.在頁(yè)面中添加一個(gè) button 按鈕
2.使用$(DOM 對(duì)象)方式，可以 DOM 對(duì)象轉(zhuǎn)換為 jQuery 對(duì)象
3.jQuery 對(duì)象的 val()函數(shù)，等同于 DOM 對(duì)象的 value 屬性
4.一般情況下，在命名 jQuery 對(duì)象時(shí)，為了與 DOM 對(duì)象進(jìn)行區(qū)分，習(xí)慣性的以$開(kāi)頭
5.運(yùn)行結(jié)果如下
jQuery 對(duì)象轉(zhuǎn)換為 DOM 對(duì)象 –004-jQuery.html
jQuery 對(duì)象本身為數(shù)組對(duì)象，該數(shù)組中的第 0 個(gè)元素即為該 jQuery 對(duì)象對(duì)應(yīng)的 DOM 對(duì)象。所以有兩種方式可以獲取到 DOM 對(duì)象：get(0)方式與下標(biāo)[0]方式。
1. 修改頁(yè)面元素：添加一個(gè)輸入框
2.實(shí)現(xiàn)功能：點(diǎn)擊按鈕后，提示對(duì)話框中顯示用戶在文本框中輸入的姓名
3.直接通過(guò)$(“#id”)，可獲取指定 id 的元素，結(jié)果為 jQuery 對(duì)象
4.button 的 jQuery 對(duì)象，具有 click()函數(shù)，是響應(yīng)單擊事件
5.jQuery 對(duì)象.get(0) 或 jQuery 對(duì)象[0] 均可完成 jQuery 對(duì)象轉(zhuǎn) DOM 對(duì)象
6.執(zhí)行結(jié)果
jQuery 對(duì)象為數(shù)組對(duì)象 – 005-jQuery.html
1.修改頁(yè)面內(nèi)容：
2.$(“標(biāo)簽”)將獲取到所有指定標(biāo)簽的 jQuery 對(duì)象。當(dāng)然是多個(gè)對(duì)象，即為數(shù)組
3.由于 jQuery 對(duì)象為數(shù)組，所以其具有返回?cái)?shù)組長(zhǎng)度的屬性 length
4.jQuery 對(duì)象的 hide(毫秒)函數(shù)是，用于指定隱藏調(diào)用者 jQuery 對(duì)象的動(dòng)畫(huà)效果的時(shí)間
5.使用$($div[0]).hide(5000);可以將第一個(gè) div 隱藏
結(jié)果
