![Web 标准网页制作 Jquery 选择器 属性过滤选择器 [attribute] 匹配包含给定属性的元素。 [attribute=value] 匹配给定的属性是某个特定值的元素 [attribute!=value] 匹配所有含有指定的属性，但属性不等于特定值的元素。 [attribute^=value] 匹配给定的属性是以某些值开始的元素 [attribute$=value] 匹配给定的属性是以某些值结尾的元素 [attribute*=value] 匹配给定的属性是以包含某些值的元素 [selector1][selector2][selectorN] 复合属性选择器，需要同时满足多个条件时使用](https://image.slidesharecdn.com/jquery-110125195814-phpapp02/85/J-query-13-320.jpg)
网页设计及制作(J query)
- 2. 大纲 jQuery 基本 jQuery 引入 jQuery 开始写法 选择器 遍历方法 常用方法
- 3. Web 标准网页制作 基本知识 暂无。自己看资料。
- 4. Web 标准网页制作 Jquery 引入 下载网上最新 Jquery 库 在网页头部引入库 <script language="javascript" src="js/jquery-1.4.2.min.js"></script>
- 5. Web 标准网页制作 Jquery 调用写法 全写： $(document).ready(function(){ }) 2. 简写： $(function(){ })
- 6. Web 标准网页制作 Jquery 选择器 基本选择器 (3 种 ): 组选择器 : 层次选择器 A. 后代选择器 : B. 子选择器 C. 临近选择器 过滤选择器 内容过滤选择器 可见性过滤选择器 属性过滤选择器 子元素过滤选择器 表单对象过滤选择器
- 7. Web 标准网页制作 Jquery 选择器 基本选择器 (3 种 ): $(" 标签名 "), 如 $("p") 是选取了所有的 p 标签节点 $("#id 名 "), 如 $("#test") 是选取了 id 为 test 的标签节点 $(".class 名 "), 如 $(".test") 是选取了所有 class 为 test 的标签节点 上面的 $(" 标签名 ") 和 $(".class 名 ") 返回的都是所有满足的节点 , 至于进一步筛选可以添加一些函数 , 如 eq,gt,lt 等等 . * ：匹配所有元素
- 8. Web 标准网页制作 Jquery 选择器 组选择器 下面还是现做一个约定 : 把 " 标签名或 #id 名或 .class 名 " 记作 mix, 则 mix 表示一个标签名 , 或一个 #id 或一个 .class. $("mix,mix,mix,..."), 如 :$("div,#test1,p,.test2,#test3")
- 9. Web 标准网页制作 Jquery 选择器 层次选择器 后代选择器 : $(“mix mix”), 当然可以是多个嵌套 , 但后代选择器可以是深层子代 子选择器 : $("mix>mix") 临近选择器 : $(“mix+mix”), 选取下一个兄弟节点
- 10. Web 标准网页制作 Jquery 选择器 过滤选择器（也叫简单选择器） :first 匹配找到的第一个元素 :last 匹配找到的最后一个元素 :not 去除所有与给定选择器匹配的元素 :even 匹配所有索引值为偶数的元素，从 0 开始计数 :odd 匹配所有索引值为奇数的元素，从 0 开始计数 :eq(index) 匹配一个给定索引值的元素 :gt(index) 匹配所有大于给定索引值的元素 :lt(index) 匹配所有小于给定索引值的元素 :header 匹配如 h1, h2, h3 之类的标题元素 :animated 匹配所有正在执行动画效果的元素
- 11. Web 标准网页制作 Jquery 选择器 内容过滤选择器 :contains(text) 匹配包含给定文本的元素 :empty 匹配所有不包含子元素或者文本的空元素 :has(selector) 匹配含有选择器所匹配的元素的元素 :parent 匹配含有子元素或者文本的元素
- 12. Web 标准网页制作 Jquery 选择器 可见性过滤选择器 :hidden 匹配所有的不可见元素， input 元素的 type 属性为 "hidden" 的话也会被匹配到 :visible 匹配所有的可见元素
- 13. Web 标准网页制作 Jquery 选择器 属性过滤选择器 [attribute] 匹配包含给定属性的元素。 [attribute=value] 匹配给定的属性是某个特定值的元素 [attribute!=value] 匹配所有含有指定的属性，但属性不等于特定值的元素。 [attribute^=value] 匹配给定的属性是以某些值开始的元素 [attribute$=value] 匹配给定的属性是以某些值结尾的元素 [attribute*=value] 匹配给定的属性是以包含某些值的元素 [selector1][selector2][selectorN] 复合属性选择器，需要同时满足多个条件时使用
- 14. Web 标准网页制作 Jquery 选择器 子元素过滤选择器 :nth-child(index/even/odd/equation ) 匹配其父元素下的第 N 个子或奇偶元素 :first-child 匹配第一个子元素 :last-child 匹配最后一个子元素 :only-child 如果某个元素是父元素中唯一的子元素，那将会被匹配
- 15. Web 标准网页制作 Jquery 遍历方法 :each $("div p"). each (function(){ $(this).click(function(){alert($(this).html())}) });
- 16. Web 标准网页制作 Jquery 常用方法 Click 点击事件 hover(fn1,fn2 ) 悬停事件 toggle(evenFn,oddFn) 每次点击时切换 Show 显示 / Hide 隐藏 addClass/removeClass 增加 / 移除样式 Find 查找晒选 parents