- 了解jQuery
- 是什么: What?
- 一個(gè)JS函數(shù)庫(kù): write less, do more
- 封裝簡(jiǎn)化DOM操作(CRUD) / Ajax
- 為什么用它: why?
- 強(qiáng)大選擇器: 方便快速查找DOM元素
- 隱式遍歷(迭代): 一次操作多個(gè)元素
- 讀寫(xiě)合一: 讀數(shù)據(jù)/寫(xiě)數(shù)據(jù)用的是一個(gè)函數(shù)
- 鏈?zhǔn)秸{(diào)用: 可以通過(guò).不斷調(diào)用jQuery對(duì)象的方法
- 事件處理
- DOM操作(CUD)
- 樣式操作
- 動(dòng)畫(huà)
- 瀏覽器兼容
- 如何使用: How?
- 引入jQuery庫(kù)
- 本地引入與CDN遠(yuǎn)程引入
- 測(cè)試版與生產(chǎn)版(壓縮版)
- 使用jQuery
- 使用jQuery函數(shù): $/jQuery
- 使用jQuery對(duì)象: $xxx(執(zhí)行$()得到的)
- 引入jQuery庫(kù)
- jQuery的2把利器
- jQuery函數(shù): $/jQuery
- jQuery向外暴露的就是jQuery函數(shù), 可以直接使用
- 當(dāng)成一般函數(shù)使用人: $(param)
- param是function: 相當(dāng)于window.onload = function(文檔加載完成的監(jiān)聽(tīng))
- param是選擇器字符串: 查找所有匹配的DOM元素, 返回包含所有DOM元素的jQuery對(duì)象
- param是DOM元素: 將DOM元素對(duì)象包裝為jQuery對(duì)象返回 $(this)
- param是標(biāo)簽字符串: 創(chuàng)建標(biāo)簽DOM元素對(duì)象并包裝為jQuery對(duì)象返回
- 當(dāng)成對(duì)象使用: $.xxx
- each(obj/arr, function(key, value){})
- trim(str)
- jQuery對(duì)象
- 包含所有匹配的n個(gè)DOM元素的偽數(shù)組對(duì)象
- 執(zhí)行$()返回的就是jQuery對(duì)象
- 基本行為:
- length/size(): 得到dom元素的個(gè)數(shù)
- each(function(index, domEle){}): 遍歷所有dom元素
- index(): 得到當(dāng)前dom元素在所有兄弟中的下標(biāo)
- 選擇器
- 是什么?
- 有特定語(yǔ)法規(guī)則(css選擇器)的字符串
- 用來(lái)查找某個(gè)/些DOM元素: $(selector)
- 分類(lèi)
- 基本
- #id
- tagName/*
- .class
- selector1,selector2,selector3: 并集
- selector1selector2selector3: 交集
- 層次
- 找子孫后代, 兄弟元素
- selector1>selector2: 子元素
- selector1 selector2: 后代元素
- 過(guò)濾
- 在原有匹配元素中篩選出其中一些
- :first
- :last
- :eq(index)
- :lt
- :gt
- :odd
- :even
- :not(selector)
- :hidden
- :visible
- [attrName]
- [attrName=value]
- 表單
- :input
- :text
- :checkbox
- :radio
- :checked: 選中的
- 基本
- 屬性/文本
- 操作標(biāo)簽的屬性, 標(biāo)簽體文本
- attr(name) / attr(name, value): 讀寫(xiě)非布爾值的標(biāo)簽屬性
- prop(name) / prop(name, value): 讀寫(xiě)布爾值的標(biāo)簽屬性
- removeAttr(name)/removeProp(name): 刪除屬性
- addClass(classValue): 添加class
- removeClass(classValue): 移除指定class
- val() / val(value): 讀寫(xiě)標(biāo)簽的value
- html() / html(htmlString): 讀寫(xiě)標(biāo)簽體文本
