jquery教程自学笔记

《jquery教程自学笔记》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、JQuery教程自学笔记JQuery教程自学笔记1一、概述4二、JQuery技术综述52.1JQuery基本语法52.1.1JQuery选择器62.2JQuery事件响应82.2.1常见的JQuery事件92.2.2淡入淡出效果122.2.3滑动效果152.2.4动画效果182.2.5终止动画202.2.6回调函数202.2.7方法链222.3HTML操作232.3.1HTML取值232.3.2HTML赋值252.3.3添加HTML元素282.3.4设置或取得元素的CSSclass342.3.5读写HTML元素的css属性36

2、2.3.6操作HTML元素的长宽大小37三、JQueryUI393.1概述393.2JQueryUI基本工作过程413.2.1初始化413.2.2方法423.2.3通用方法423.2.4事件433.2.5共有事件433.3JQueryUI示例443.3.1Accordion组件（手风琴似折叠）443.3.2JQueryUIAutocomplete（自动完成）563.3.3JQueryUIButton（按钮）633.3.4JQueryUIDatepicker(时间控件)693.3.5JQueryUIDialog(对话框)793.

3、3.6JQueryUIMenu（JQuery菜单）883.3.7JQueryUIProgressbar(进度条)923.3.8JQueryUISlider(滑动条)963.3.9JQueryUISpiner(微调框)1013.3.10JQueryUITab(标签页)1033.3.11JQueryUITooltip(提示条)----------------------------------------------------------------111参考：http://blog.csdn.net/column/detail

4、s/mapdigitjquery.html一、概述JQuery是一套跨浏览器的JavaScript函式库，简化HTML与JavaScript之间的操作，下面为摘自Wikepedia上的JQuery说明：JQuery是开源软件，使用MIT许可证授权。[4]JQuery的语法设计使得许多操作变得容易，如操作文档对象（document）、选择DOM元素、创建动画效果、处理事件、以及开发Ajax程序。JQuery也提供了给开发人员在其上创建插件的能力。这使开发人员可以对底层交互与动画、高级效果和高级主题化的组件进行抽象化。模块化的方式

5、使JQuery函数库能够创建功能强大的动态网页以及网络应用程序。JQuery有下列特色:•跨浏览器的DOM元素选择•DOM巡访与更改：支援CSS1-3与基本的XPath，JQuery1.2版以后默认取消XPath支持，改为插件支持•事件（Events）•CSS操纵•特效和动画（移动显示位置、淡入、淡出）•Ajax•延伸性（Extensibility）•工具：例如浏览器版本和each函数。•JavaScript插件•轻量级下载jquery可在http://jquery.com/download/下载下载后，引入jquery为如下

6、：<%@pagelanguage="java"contentType="text/html;charset=utf-8"pageEncoding="utf-8"%><%StringcontextPath=request.getContextPath();%>

7、content="text/html;charset=utf-8">/js/jquery/jquery-1.10.2.js">二、JQuery技术综述2.1JQuery基本语法$(selector).action()•$符合定义这是一个JQuery语句•(selector)用来选择某个HTML元素，其语法和CSS的selector语法一样。•a

8、ction()定义操作该HTML元素的方法。比如：$(this).hide()–隐藏当前元素.$(“p”).hide()–隐藏所有

元素.$(“.test”).hide()-隐藏所以类名为test的元素.$(“#test”).hide()-隐藏ID为test的元素。几乎所