框架第一天05屬性筆記模板_第1頁
框架第一天05屬性筆記模板_第2頁
框架第一天05屬性筆記模板_第3頁
框架第一天05屬性筆記模板_第4頁
框架第一天05屬性筆記模板_第5頁
已閱讀5頁，還剩12頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

自我介 面向?qū)ο蟮慕虒W(xué)目 今天的教學(xué)目 理論的重要 復(fù)習(xí)-2節(jié) 基礎(chǔ)知識復(fù)習(xí)：20 函數(shù)--10分 對象10分 其他工具包10 對象的作用總 體會面向?qū)ο缶幊痰暮锰?0 傳統(tǒng)開發(fā)方式 面向?qū)ο蟮拈_發(fā)方式 生活中的對象 對象的特性和行為 如何自定義對象提煉對象的屬性和方法1節(jié)課。 如何提煉商城的屬性和方 使用js原型對象形式實現(xiàn)對 面向?qū)ο蟮淖置媪啃?面向?qū)ο蟮娜齻€作 最終案 第1章教學(xué)目分組+層了解sizzle引第2章復(fù)框第3章Jquery選擇框架概基本選擇基本選擇器就是jQuery中最常用的選擇器，也是最簡單的選擇器，它通過元素名，元素Id，Class來查找DOM元素?；具x擇器共有五種，總選擇返示元素選擇$(“#test”)Id為test$(“.test”)class為test有class為myclass的<p>的一組元素。層次選擇子元素，相鄰元素和兄弟元素。$(“divspan”)選取<div>里的所有的<span>$(“.one+div”)選取classone的下一個<div>兄弟元$(“#two~div”)Id為two的元素后面的所有<div>選擇器與屬性選擇$("div[id!=‘test’]"):idtest的所有div$("div[id|='test']"):idtest或以該字符串為前綴（"test-”）$("input[id][name$='man'id屬性并且namemaninput表單選擇利用表單選擇器我們可以極其方便地獲取表單的某個或某類型的元素$(“:password”)選取所有的框$radio”)$submit”)$image”)$reset”)$button”)$file”)$hidden”)基本過濾選擇過濾選擇器主要是通過特定的過濾規(guī)則來篩選出所需的DOM元素，過濾規(guī)則與CSS 濾，屬性過濾，子元素過濾和表單對象屬性過濾選擇器共六種選擇器。$(“input:not(.myClass)”)選取class$(“div:animated”)選取正在執(zhí)行動畫的內(nèi)容過濾選擇選擇表說舉素,只要里面現(xiàn)即$("p:contains('落或者文本的元選擇器所匹的元素的元子元素或者本的元可見性過濾選擇選擇說舉元素，input元素的type性為"hidden"的話也會被匹配匹配所有的可見素class匹配子元素過濾選擇選擇說舉:first-匹配第一個子元$("ulli:first-child")//在每個ul中查找第一個:last-匹配最后一個子素$("ulli:last-child")//在每個ul中查找最后一個li第N子或奇偶元素':eq(index)'只1始的，而:eq()是從0算起的數(shù)$("ulli:nth-ul查找第2個li:nth-2:nth-:nth-第N子或奇偶元素$("ulli:nth-ul查找第2個li:only-元素中唯一的子元素那將會被匹$("ulli:only-child")ul找是唯一子元素的其他元素，那將不會匹配表單過濾選擇1：:checked選擇用于選擇所有被選中的表單域。格式:$("selector:checked")，可以input，radio和2：:enabled選擇用于選擇所有可用的表單域，格式3：:disabled選擇用于選擇所有被禁用的表單域，格式4：:selected選擇用于從列表框選擇所有選中的option元素，格5：:hidden選擇用于選擇所有的不可見元6：:visible選擇用于選擇所有的可見元第4章Id第5章Tag選擇DOM0DOM2第6章Class選擇器第9章層次+多組選擇第10章Sizzle選擇-屬性選擇Css2中的屬性選擇attE元素，p[title]{color:#f00;att屬性等于“val”的E素{color:#f00;的值、其中一個值等于“val”的E元素{color:#f00;t隔（hyphnsearaed）的值、其中一個值以“va”開頭的E元素，主要用于ang屬性，比如“en”、“eus”、“e-”等等CSS3屬性選擇]{background:#ff0;]]素CSS中的偽最這些狀態(tài)都可以被應(yīng)用到某個元素，通常是以“a:偽類名”的形式。令人難以置信的是，在W3C于1997年12月發(fā)布HTML4規(guī)范之前，這些偽類已經(jīng)被極為廣泛其建議規(guī)范在兩年之后的1998年5月發(fā)布。隨之令人興奮的是添加了:first-child和:lang()新偽類。結(jié)構(gòu)偽:root偽類選擇頁面的根元素。十 根節(jié)點是<html>元素:root{:root{background-color:#fcfcfc;除了給<html>元素設(shè)定樣式，這個偽類基本沒什么價值，可能也就描述性稍強些html{background-color:#fcfcfc;E:nth-:nth-child():nth-child()選擇器可能需要一些實踐才能完全理解。最簡單方法是使用鍵詞“奇數(shù)或偶數(shù)”（odd或even），因為在顯示由行列組成的數(shù)據(jù)表格時，這將有用。例如，我們可以使用下列內(nèi)ulli:nth-child(odd){background-color:等等等未選擇元素(2×color:color:#fff;這將使無序列表這將使無序列表中的每個奇數(shù)行高亮顯示。您可能會發(fā)現(xiàn)在表格中使用這種技術(shù)常方便。例如tabletr:nth-child(even){…:nth-child選擇器更明確靈活，因此，你可以選擇列表的第三個元素，像這樣li:nth-child(3){…請注意n并不是從零開始，第一個元素是:nth-child(1)，第二個是child(2)，以此類我們也可以利用一些簡單的代數(shù)，使它變得?？紤]以下代碼li:nth-child(2n){…當(dāng)我們以這種方式使用n，它代表對所有正整數(shù)，直到文檔耗盡可選擇的元素。這種情況下，它會選擇下列列表項第2×第4×第6×第8×這實這實際上和使用:nth-child(even)完全一致。因此我們混入點東西li:nth-child(5n){…等等等等未選擇元素(5×第17個元素((4×4等等第5個元素(5×第個元×第個元×第個元×對于對于長列表或表格而言，也許這將很有用，也可能完全無用。我們還可以在這一式中執(zhí)行數(shù)字加減法li:nth-child(4n+1){…對應(yīng)選擇的節(jié)點元素第1×0)+第5×1)+第9×2)+第13個元素((4×3E:nth-last-E:nth-last-我們并不僅僅滿:nth-child()偽類，W3C也給我們提供了:nth-child(n)偽類。:nth-child()的表現(xiàn)非常相似，除了反向操作，從最后一個向開始li:nth-last-child(1)li:nth-last-child(1){…上述將選擇

溫馨提示

  • 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

提交評論