事件框架04css筆記模板_第1頁
事件框架04css筆記模板_第2頁
事件框架04css筆記模板_第3頁
事件框架04css筆記模板_第4頁
事件框架04css筆記模板_第5頁
已閱讀5頁,還剩13頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

1、目自我介象的教學(xué)目面今天的教學(xué)目理論的重要復(fù)目自我介象的教學(xué)目面今天的教學(xué)目理論的重要復(fù)習(xí)-2節(jié)基礎(chǔ)知識復(fù)習(xí):20 函數(shù)-10分對象10其他工具包10對象的作用總體會象編程的好處20傳統(tǒng)開發(fā)方式象的開發(fā)方式面生活中的對象對象的特性和行為1.8.1 如何自定義對象提煉對象的屬性和方法1節(jié)課。1.8.2 如何提煉商城的屬性和方使用js 原型對象形式實現(xiàn)對1.10 象的字面量形象的三個作象的三個作面最終案第1章 教學(xué)目分層分組+層了解第1章 教學(xué)目分層分組+層了解sizzle引第2章 復(fù)事件框第3章 Jquery選擇框架概1.1 基本選擇基本選擇器就是 jQuery 中最常用的選擇器也是最簡單的選擇

2、器它通名,元素 Id,Class 來查找 DOM 元素?;具x擇器共有五種,總元如下選擇返示$(“p”)選取所有的元素Id 選擇$(“#test”)Id 為test 的元素Class 選擇$(“.test”)選取所有class$(“p”)選取所有的元素Id 選擇$(“#test”)Id 為test 的元素Class 選擇$(“.test”)選取所有class 為test 的元$(“div,span,p.myclass”)選取所有,和擁class 為myclass 的1.2適合于通過DOM 間的層次關(guān)系來獲取特定元素例如后代元素元素,相元素和兄弟元素 $(“divspan”)選取元素下元素名是的

3、$(“.one+div”)選取 class 為 one 的下一個兄弟$(“#twodiv”)選取 Id 為two 的元素后面的所有注意:$(“prevsiblings”)選擇器與 siblings()方法的區(qū)$(“#prevdiv”)選擇的是”#prev”元素后面的所有的同輩的 div 元素。而 siblings()方法1.3 $(“#prevdiv”)選擇的是”#prev”元素后面的所有的同輩的 div 元素。而 siblings()方法1.3 $(divid!=test):id屬性值不等于test的所有div$(divid|=test):idtest或以該字符串為前綴(test-” )$(

4、inputidname$=manid屬性并且namemaninput1.4利用表單選擇可以極其方便地獲取表單的某個或某類型的元素$(“:input”)選取所有,元素$password”)$radio”)$submit”)$image”)$reset”)$button”)$file”)$hidden”)1.5過濾選擇器主要是通過特定的過濾規(guī)則$button”)$file”)$hidden”)1.5過濾選擇器主要是通過特定的過濾規(guī)則來篩選出所需的 DOM 元素規(guī)則與中的偽類選擇器語法相同,即選擇器都以一個冒號(:)開頭。照不同的過濾規(guī)則,過濾選擇器可以分為基本過濾,內(nèi)容過濾,可見性過濾屬性過濾素過

5、濾和表單 對象屬性過濾選擇器共六種選擇器這邊只總結(jié)基本過濾器其它過濾器在實際的開發(fā)過程中需要的再查看就可以了”)選取所有元素中第 1 元素:$(“div:last”)選取所有元素中最后 1 元素$(“input:not(.myClass)”)選取 class 不myClass 的元素$(“input:even”)選取索引是偶數(shù)的$(“input:odd”)選取索引是奇數(shù)的$(“input:eq(1)”)選取索引等于 1 的$(“input:gt(1)”)選取索引大于 1 的$(“input:eq(1)”)選取索引等于 1 的$(“input:gt(1)”)選取索引大于 1 的$(“input:

6、lt(1)”)選取索引小于 1 的素。(不包括 $(“div:animated”)選取正在執(zhí)行動畫的1.6選擇表說舉素,只要里面現(xiàn)即$(p:contains(落不包含 素或者文本的元1.7選擇說舉元素,input 元素的1.7選擇說舉元素,input 元素的 type性為hidden的話也會被匹配匹配所有的可見素class匹配的元素的元素或者本的元選擇說舉-匹配第一選擇說舉-匹配第一在每個ul查找第一個 li:last-每個 ul 中查找最后一個第N子或奇偶元素:eq(index) 只素。:nth-child1 開始的,而:eq()是0算起的可以使在每個 ul 查找第 2個li:nth-:nt

7、h-2:nth-:nth-第N子或奇偶元素在每個 ul 查找第 2個li:only-元素中唯一素那將會被匹其他元素,那將不會匹配ul 中查找是唯一素的1.9表單過濾選擇表單內(nèi)包含各種各樣的1.9表單過濾選擇表單內(nèi)包含各種各樣的表單域,使用表單域?qū)傩赃x擇器可以很好的獲取被選中的單選按鈕,復(fù)選框以及列表項,也可以根據(jù)是否可用從文檔中查找單域1::checked 選擇用于選擇所有被選中的表單域。格式:$(selector:checked),可以input,radio 和2::enabled 選擇用于選擇所有可用的表單域,格式3::disabled 選擇用于選擇所有被禁用的表單域,格式4::selec

8、ted 選擇用于從列表框選擇所有選中的 option 元素,格式5::hidden 選擇用于選擇所有的不可見元6::visible 選擇用6::visible 選擇用于選擇所有的可見元第4章Id第5章Tag 選擇DOM0DOM2第6章Class第7章多組選擇第8章層次選擇第9章層第6章Class第7章多組選擇第8章層次選擇第9章層次+多組選擇第10章Sizzle選擇-屬性選擇Css2 中的屬性選擇attE元素,不考慮它的值(注意:E 在此處可以省略ptitlecolor:#f00;匹配所有att 屬性等于“val”的E 元color:#f00;的值、其中一個值等于“val”的E 元color:

9、#f00;att屬性具有多個連字號分個值以“val”開頭的E元素,主要用于 CSS3 屬性選擇background:#ff0;CSS3 屬性選擇background:#ff0;素CSS中的偽1.12.1 最1.12.2了-child和 :lang()新偽類其建議規(guī)范在兩年之后的 1998 年 5 月發(fā)布。隨之令人興奮的使用了的是W3C 于 1997 年 12 月發(fā)布HTML4 規(guī)范之前這些偽類已經(jīng)被極為廣泛這些狀態(tài)都可以被應(yīng)用到某個元素,通常是以 “a:偽類名”的形式。令人難以置1.12.3 結(jié)構(gòu)偽:root 偽類選擇頁面的根元素。十根節(jié)點是 1.12.3 結(jié)構(gòu)偽:root 偽類選擇頁面的根元

10、素。十根節(jié)點是 元素:rootbackground-color:#fcfcfc;htmlbackground-color:#fcfcfc;E:nth-:nth-child() 選擇器可能需要一些實踐才能完全理解最簡單方法是使用關(guān)詞“奇數(shù)或偶數(shù)”(odd 或 even),因為在顯示由行列組成的數(shù)據(jù)表格時,這將非常有用例如可以使用下列內(nèi)容ulh-child(odd)background-color:color:;tabletr:nth-child(even)lh-child(3):nth-child 選擇器更明確靈活,因此,你可以選擇列表的第三個元素,像這樣這將使無序列表中的每個奇數(shù)行高亮顯示能會

11、發(fā)現(xiàn)在表格中使用這種技術(shù)非方便。例如除了給 元素設(shè)定樣式,這個偽類基本沒什么價值,可能也就描述性稍強(qiáng)些 并以此類也可以利用一些簡單的代數(shù),使它變得??紤]以下代碼 并以此類也可以利用一些簡單的代數(shù),使它變得??紤]以下代碼lh-child(2n)以這種方式使用 n,它代表對所有正整數(shù),直到文檔耗盡可選擇的元素。在lh-child(5n)對應(yīng)選擇的節(jié)點元素未選擇元素 (5 第5 個元素 (5 第個元第個元第個元等等種情況下,它會選擇下列列表項未選擇元素 (2 第 2 個元素 (2 第 4 個元素 (2 第 6 個元素 (2 第 8 個元素 (2 等等這實際上和使用 :nth-child(even) 完全一致。因混入點東西lh-child(4n+1)對應(yīng)選擇的節(jié)點元素第10)+第51)+第92)+第13 個元素 (4 3)lh-child(4n+1)對應(yīng)選擇的節(jié)點元素第10)+第51)+第92)+第13 個元素 (4 3)+第17 個元素 (4 4)+等等lh-last-lh-last-lh-last-child(2n+1)當(dāng)然,你也可以使用其他規(guī)則上述將選擇列表中的最后一個元素,而下面將選擇倒數(shù)第二個元素并不僅僅滿足于:nth-child()偽類,W3C 也提了 :

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論