JavaScript jQuery程序设计基础.pptVIP

parentchild选择器$(parentchild);使用方法任何有效的选择器获取表单中文本框的值。实例parent元素的直接子元素$(forminput);示例prev+next选择器$(prev+next);使用方法任何有效的选择器筛选紧跟在lable标记后的p标记并改变匹配元素的背景颜色为淡蓝色。实例紧接着prev的选择器$(div+img);示例prev~siblings选择器$(prev~siblings);使用方法任何有效的选择器筛选页面中div元素的同辈元素。实例prev之后的所有同辈元素$(div~ul);示例过滤选择器CSS简单过滤器内容过滤器可见性过滤器表单对象的属性过滤器子元素选择器简单过滤器过滤器说明示例:first匹配找到的第一个元素，它是与选择器结合使用的$(tr:first):last匹配找到的最后一个元素，它是与选择器结合使用的$(tr:last):even匹配所有索引值为偶数的元素，索引值从0开始计数$(tr:even):odd匹配所有索引值为奇数的元素，索引从0开始计数$(tr:odd):eq(index)匹配一个给定索引值的元素$(tr:eq(1)):gt(index)匹配所有大于给定索引值的元素$(tr:gt(0)):lt(index)匹配所有小于给定索引值的元素$(tr:lt(2)):header匹配如h1,h2,h3……之类的标题元素$(:header):not(selector)去除所有与给定选择器匹配的元素$(input:not(:checked)):animated匹配所有正在执行动画效果的元素$(:animated)简单过滤器实现一个带表头的双色表格。实例内容过滤器过滤器说明示例contains(text)匹配包含给定文本的元素$(li:contains(DOM)):empty匹配所有不包含子元素或者文本的空元素$(td:empty):has(selector)匹配含有选择器所匹配元素的元素$(td:has(p)):parent匹配含有子元素或者文本的元素$(td:parent)内容过滤器应用内容过滤器匹配为空的单元格、不为空的单元格和包含指定文本的单元格。实例总结Ajax技术Ajax概述Ajax技术组成XMLHttpRequest对象jQuery简介jQuery概述jQuery下载与配置jQuery的插件jQuery概述jQuery能做什么jQuery的特点jQuery能做什么jQuery能做什么jQuery的特点jQuery特点代码精致小巧强大的功能函数跨浏览器链式的语法风格插件丰富jQuery下载与配置下载jQuery配置jQueryCSS下载jQuery配置jQueryscriptsrc=JS/jquery-1.6.1.min.jstype=text/javascript/script引用jQuery引用jQuery的script标签，必须放在所有的自定义脚本文件的script之前，否则在自定义的脚本代码中应用不到jQuery脚本库。jQuery的插件插件的使用流行的插件CSS插件的使用（1）把下载的插件包含到head标记内，并确保它位于主jQuery源文件之后。（2）包含一个自定义的JavaScript文件，并在其中使用插件创建或扩展的方法。流行的插件Jcarousel插件流行的插件easyslide插件流行的插件Facelist插件流行的插件mbmenu插件总结jQuery简介jQuery概述jQuery下载与配置jQuery的插件jQuery选择器jQuery的工厂函数基本选择器层级选择器过滤选择器属性选择器表单选择器jQuery的工厂函数在jQuery中，无论使用哪种类型的选择器都需要从一个“$”符号和一对“()”开始。用于获取文档中全部的div$(div)用于获取文档中ID属性值为username的一个元素$(#username)用于获取文档中使用CSS类名为btn_grey的所有元素$(.btn_grey)基本选择器CSSID选择器元素选择器类名选择器复合选择器通配符选择器ID选择器$(#id);使用方法要查询元素的ID属性值在页