事件框架04css笔记模板

1、目自我介象的教学目面今天的教学目理论的重要复目自我介象的教学目面今天的教学目理论的重要复习-2节基础知识复习：20 函数-10分对象10其他工具包10对象的作用总体会象编程的好处20传统开发方式象的开发方式面生活中的对象对象的特性和行为1.8.1 如何自定义对象提炼对象的属性和方法1节课。1.8.2 如何提炼商城的属性和方使用js 原型对象形式实现对1.10 象的字面量形象的三个作象的三个作面最终案第1章 教学目分层分组+层了解第1章 教学目分层分组+层了解sizzle引第2章 复事件框第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 间的层次关系来获取特定元素例如后代元素元素，相元素和兄弟元素 $(“divspan”)选取元素下元素名是的

3、$(“.one+div”)选取 class 为 one 的下一个兄弟$(“#twodiv”)选取 Id 为two 的元素后面的所有注意：$(“prevsiblings”)选择器与 siblings()方法的区$(“#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过滤选择器主要是通过特定的过滤规则$button”)$file”)$hidden”)1.5过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM 元素规则与中的伪类选择器语法相同，即选择器都以一个冒号(:)开头。照不同的过滤规则，过滤选择器可以分为基本过滤，内容过滤，可见性过滤属性过滤素过

5、滤和表单 对象属性过滤选择器共六种选择器这边只总结基本过滤器其它过滤器在实际的开发过程中需要的再查看就可以了”)选取所有元素中第 1 元素:$(“div:last”)选取所有元素中最后 1 元素$(“input:not(.myClass)”)选取 class 不myClass 的元素$(“input:even”)选取索引是偶数的$(“input:odd”)选取索引是奇数的$(“input:eq(1)”)选取索引等于 1 的$(“input:gt(1)”)选取索引大于 1 的$(“input:eq(1)”)选取索引等于 1 的$(“input:gt(1)”)选取索引大于 1 的$(“input:

6、lt(1)”)选取索引小于 1 的素。(不包括 $(“div:animated”)选取正在执行动画的1.6选择表说举素,只要里面现即$(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表单过滤选择表单内包含各种各样的1.9表单过滤选择表单内包含各种各样的表单域，使用表单域属性选择器可以很好的获取被选中的单选按钮，复选框以及列表项，也可以根据是否可用从文档中查找单域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()新伪类其建议规范在两年之后的 1998 年 5 月发布。随之令人兴奋的使用了的是W3C 于 1997 年 12 月发布HTML4 规范之前这些伪类已经被极为广泛这些状态都可以被应用到某个元素，通常是以 “a:伪类名”的形式。令人难以置1.12.3 结构伪:root 伪类选择页面的根元素。十根节点是 1.12.3 结构伪:root 伪类选择页面的根元

10、素。十根节点是 元素:rootbackground-color:#fcfcfc;htmlbackground-color:#fcfcfc;E:nth-:nth-child() 选择器可能需要一些实践才能完全理解最简单方法是使用关词“奇数或偶数”（odd 或 even），因为在显示由行列组成的数据表格时，这将非常有用例如可以使用下列内容ulh-child(odd)background-color:color:;tabletr:nth-child(even)lh-child(3):nth-child 选择器更明确灵活，因此，你可以选择列表的第三个元素，像这样这将使无序列表中的每个奇数行高亮显示能会

11、发现在表格中使用这种技术非方便。例如除了给 元素设定样式，这个伪类基本没什么价值，可能也就描述性稍强些 并以此类也可以利用一些简单的代数，使它变得。考虑以下代码 并以此类也可以利用一些简单的代数，使它变得。考虑以下代码lh-child(2n)以这种方式使用 n，它代表对所有正整数，直到文档耗尽可选择的元素。在lh-child(5n)对应选择的节点元素未选择元素 (5 第5 个元素 (5 第个元第个元第个元等等种情况下，它会选择下列列表项未选择元素 (2 第 2 个元素 (2 第 4 个元素 (2 第 6 个元素 (2 第 8 个元素 (2 等等这实际上和使用 :nth-child(even) 完全一致。因混入点东西lh-child(4n+1)对应选择的节点元素第10)+第51)+第92)+第13 个元素 (4 3)lh-child(4n+1)对应选择的节点元素第10)+第51)+第92)+第13 个元素 (4 3)+第17 个元素 (4 4)+等等lh-last-lh-last-lh-last-child(2n+1)当然，你也可以使用其他规则上述将选择列表中的最后一个元素，而下面将选择倒数第二个元素并不仅仅满足于:nth-child()伪类，W3C 也提了 :