事件框架04css筆記模板

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

2、器它通名，元素 Id，Class 來查找 DOM 元素。基本選擇器共有五種，總元如下選擇返示$(“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è)定樣式，這個偽類基本沒什么價值，可能也就描述性稍強些 并以此類也可以利用一些簡單的代數(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)當然，你也可以使用其他規(guī)則上述將選擇列表中的最后一個元素，而下面將選擇倒數(shù)第二個元素并不僅僅滿足于:nth-child()偽類，W3C 也提了 :