10javascript網(wǎng)頁編程-03-jquery快速開發(fā)3素材01常用

jQuery常用目jQuery擇目jQuerysjQuery性操sjQuery素操jQuery尺寸、位置操jQueryjQuery$(“$(“選擇器”CSS1.jQueryjQuery1.jQuery1.jQuery隱式迭代（重要遍歷內(nèi)部DOM元素（偽數(shù)組形 1.jQueryjQuery1.jQueryjQuery（重點(diǎn)parent()children()find()siblings()1.jQuery1.jQuery案例：淘寶服飾精品案jQuery案例：淘寶服飾精品案例分 ③jQuery④中間對應(yīng) ，可以通過eq(index)方法去選⑤顯示元素show()隱藏元素jQuery目jQuery擇目jQuerysjQuery性操sjQuery素操jQuery尺寸、位置操jQuerycss2jQuery移除類切換類jQueryjQuery案例：tab欄切換分①點(diǎn)擊上部的li，當(dāng)前l(fā)icurrent②點(diǎn)擊的同時(shí)，得到當(dāng)前l(fā)iitem顯示，其余的item2jQuery目jQuery擇目jQuerysjQuery性操sjQuery素操jQuery尺寸、位置操3.jQuery顯示隱 滑

淡入淡

自定義動 jQuery顯示 顯示參“jQuery隱藏 隱藏參“jQuery切換 切換參“3.jQuery下滑效果 下滑效果參“jQuery上滑效果 上滑效果參“jQuery滑動切換效果 滑動切換效果參“jQuery3.jQuery動畫或效果隊(duì)停止排jQuery淡入效果 淡入效果參“jQuery3.5淡入淡出效果淡出效果 淡出效果參“jQuery淡入淡出切換效果 淡入淡出切換效果參“jQuery漸進(jìn)方式調(diào)整到指定的效果參 “jQuery語參命名法“jQuery案例：王者榮耀手風(fēng)琴效jQuery案例：王者榮耀手風(fēng)琴效果分①鼠標(biāo)經(jīng)過某個(gè)小li②當(dāng)前小li寬度變?yōu)?24px，同時(shí)里面的 ③其余兄弟小li寬度變?yōu)?9px， 目jQuery擇目jQuerysjQuery性操sjQuery素操jQuery尺寸、位置操jQuery獲取屬性語設(shè)置屬性語5jQuery獲取屬性語 //類似原生設(shè)置屬性語attr(attr(''屬性'',''屬性值'')//類似原生5jQuery附加數(shù)據(jù)語data(''name'',''valuedata(''name'',''value獲取數(shù)據(jù)語 //向被選元素獲取數(shù)據(jù)同時(shí)，還可 HTML5自定義屬性data-index，得到的是數(shù)字5jQuery案例：購物車案例模塊-全jQuery案例：購物車案例模塊-全選分①全選思路：里面②因?yàn)?⑥:checked選擇 :checked查找被選中的表單元素目jQuery擇目jQuerysjQuery性操sjQuery素操jQuery尺寸、位置操jQuery html普通元素文本內(nèi)容 (相當(dāng)與原生 text6jQuery val6jQuery案例：購物車案例模塊-增減商品數(shù)6jQuery案例：購物車案例模塊-增減商品數(shù)量分 ②注意③修改表單的值是val④注意6jQuery案例：購物車案例模塊-修改商品小jQuery案例：購物車案例模塊-修改商品小計(jì)分 ②注意③修改普通元素的內(nèi)容是text④注意⑤2toFixed(2)方法⑧ 目jQuery擇目jQuerysjQuery性操sjQuery素操jQuery尺寸、位置操jQuery語法里面的回調(diào)函數(shù)有2indexdemEleDOM元素對象，不是jquery對象jQuery里面的函數(shù)有2個(gè)參數(shù)：index是每個(gè)元素的索引號;element遍歷內(nèi)容7jQuery案例：購物車案例模 ⑤注意1：總計(jì)是文本框里面的值相加用 7jQuery7jQuery內(nèi)部添類似原生7jQuery7.3外部添 //把內(nèi)容放入目標(biāo)元素后 //把內(nèi)容放入目標(biāo)元素前7jQuery7.4element.remove()//刪除匹配的元素（本身element.remove()//刪除匹配的元素（本身 element.html①remove②()和7jQuery案例：購物車案例模塊-刪除商品模 1.2.刪除選中的商品3.jQuery案例：購物車案例模塊- 品添加背 目jQuery擇目jQuerysjQuery性操sjQuery素操jQuery尺寸、位置操jQuery7jQueryjQueryoffset()設(shè)置或獲取元素偏①②該方法有③可以設(shè)置元素的偏移：offsettop10,left307jQueryjQueryposition()獲取元素偏①2個(gè)屬性left、top。position().topposition().left③該方法只能獲取。7jQuery7.2jQueryscrollTop()/sc