没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
JQuery 学习笔记
(by vagrantpwx qq:3602502)
目录
第一章:jQuery 简介 ...................................................................................................................... 5
CSS 与 JQuery 的特点 ............................................................................................................... 5
jQuery()函数功能 ..................................................................................................................... 5
window.onload 函数与 jQuery()函数的区别 ........................................................................... 5
第二章:创建元素包装集 ............................................................................................................... 6
选择将被操作的元素 ............................................................................................................... 6
基本 CSS 选择器 ............................................................................................................... 6
子选择器、容器选择器和特性选择器 ........................................................................... 6
DOM 位置选择器 ............................................................................................................. 7
jQuery 自定义的筛选选择器 ........................................................................................... 8
生成新 HTML ............................................................................................................................ 8
管理包装元素集合 ................................................................................................................... 9
确定包装集的大小 ........................................................................................................... 9
从包装集获取元素 ........................................................................................................... 9
获取包装集元素下标 ....................................................................................................... 9
添加元素到包装集 ......................................................................................................... 10
从包装集里删除元素 ..................................................................................................... 10
筛选包装集元素 ............................................................................................................. 11
获取包装集的子集 ......................................................................................................... 11
利用关系获取包装集 ..................................................................................................... 12
其他使用包装集的方法 ................................................................................................. 12
测试包装集是否有元素匹配 ......................................................................................... 13
回退到前一个包装集 ..................................................................................................... 13
合并命令链内最近产生的两个包装集 ......................................................................... 13
第三章:让页面生动起来 ............................................................................................................. 14
操作元素属性和特性 ............................................................................................................. 14
遍历包装集元素 ............................................................................................................. 14
获取特性值 ..................................................................................................................... 15
设置单个特性值 ............................................................................................................. 15
设置多个特性值 ............................................................................................................. 16
jQuery attr()的规范化存取名称 ..................................................................................... 16
删除特性 ......................................................................................................................... 17
修改元素样式 ......................................................................................................................... 17
添加、删除、切换样式 ................................................................................................. 17
设置单个样式值 ............................................................................................................. 19
设置多个样式值 ............................................................................................................. 19
获取样式值 ..................................................................................................................... 20
设置宽度和高度 ............................................................................................................. 20
获取宽度和高度 ............................................................................................................. 21
其他尺寸相关方法 ......................................................................................................... 21
获取元素的位置 ............................................................................................................. 21
获取和设置元素滚动位置 ............................................................................................. 22
设置元素内容 ......................................................................................................................... 22
获取和设置 HTML 内容 ................................................................................................. 22
获取和设置文本内容 ..................................................................................................... 23
移动和复制内容 ............................................................................................................. 23
包裹元素 ......................................................................................................................... 26
包裹元素内容 ................................................................................................................. 27
移除包裹元素的父元素 ................................................................................................. 27
删除元素 ......................................................................................................................... 27
删除元素内容 ................................................................................................................. 28
克隆元素 ......................................................................................................................... 28
替换元素 ......................................................................................................................... 28
处理表单元素值 ..................................................................................................................... 29
获取表单元素值 ............................................................................................................. 29
设置表单元素值 ............................................................................................................. 29
第四章:事件 ................................................................................................................................. 30
JavaScript 基础知识 ................................................................................................................ 30
对象的基本原理 ............................................................................................................. 30
函数作为一等对象 ......................................................................................................... 32
浏览器的事件模型 ................................................................................................................. 35
DOM 第 0 级事件模型 ................................................................................................... 35
DOM 第 2 级事件模型 ................................................................................................... 36
jQuery 事件模型 ..................................................................................................................... 37
绑定事件处理程序 ......................................................................................................... 38
特定事件的绑定 ............................................................................................................. 38
一次性的事件处理程序 ................................................................................................. 39
删除事件处理程序 ......................................................................................................... 39
事件处理程序分组 ......................................................................................................... 39
Event 实例属性 ............................................................................................................... 40
Event 实例方法 ............................................................................................................... 40
live 事件处理程序 .......................................................................................................... 41
触发事件处理程序 ......................................................................................................... 42
元素上方悬停鼠标 ......................................................................................................... 43
鼠标点击切换监听器 ..................................................................................................... 44
第五章:动画和效果 ..................................................................................................................... 45
显示和隐藏 ............................................................................................................................. 45
淡入和淡出 ............................................................................................................................. 47
滑上和滑下 ............................................................................................................................. 49
停止动画 ................................................................................................................................. 51
自定义动画 ............................................................................................................................. 51
自定义的放大动画 ......................................................................................................... 53
自定义的坠落动画 ......................................................................................................... 53
自定义的消散动画 ......................................................................................................... 54
第六章:jQuery 实用工具函数 ..................................................................................................... 54
利用 jQuery 标志 .................................................................................................................... 54
开启和关闭动画效果 ..................................................................................................... 54
浏览器及特性检测 ......................................................................................................... 54
使用 jQuery 和其他库 ............................................................................................................ 58
操作 JavaScript 对象和集合 ................................................................................................... 59
修整字符串 ..................................................................................................................... 59
对属性和集合进行迭代 ................................................................................................. 59
对数组进行筛选 ............................................................................................................. 60
对数组进行转换 ............................................................................................................. 61
获取数组元素下标 ......................................................................................................... 62
合并数组 ......................................................................................................................... 62
其他数组的操作 ............................................................................................................. 62
扩展对象 ......................................................................................................................... 63
参数序列化 ..................................................................................................................... 64
测试对象 ......................................................................................................................... 65
动态加载脚本 ......................................................................................................................... 66
第七章:自定义插件扩展 jQuery ................................................................................................. 67
$名称的引用 ........................................................................................................................... 67
简化复杂的参数列表 ............................................................................................................. 67
编写自定义实用工具函数 ..................................................................................................... 67
添加新的包装器方法 ............................................................................................................. 67
第八章:利用 Ajax 与服务器交谈 ................................................................................................ 68
温习 Ajax ................................................................................................................................. 68
创建一个 XHR 实例 ........................................................................................................ 68
发起请求 ......................................................................................................................... 69
加载内容到元素上 ................................................................................................................. 70
利用原生 XHR 加载内容 ................................................................................................ 70
利用 jQuery 加载内容 .................................................................................................... 70
发起 GET 和 POST 请求 .......................................................................................................... 71
利用$.get 获取数据 ....................................................................................................... 71
获取 JSON 数据 .............................................................................................................. 72
发起 POST 请求 .............................................................................................................. 73
完全控制 Ajax 请求 ................................................................................................................ 74
带参数控制的 Ajax 请求 ................................................................................................ 74
设置请求的默认值 ......................................................................................................... 75
全局函数 ......................................................................................................................... 75
第九章:jQuery 插件 ..................................................................................................................... 77
表单插件 ................................................................................................................................. 77
获得控件值 ..................................................................................................................... 77
清除和复位表单控件 ..................................................................................................... 78
通过 Ajax 提交表单 ........................................................................................................ 78
尺寸插件 ................................................................................................................................. 80
宽度和高度的扩展 ......................................................................................................... 80
获得滚动尺寸 ................................................................................................................. 81
关于偏移和位置 ............................................................................................................. 82
第一章:jQuery 简介
CSS 与 JQuery 的特点
CSS:把样式从 HTML 文档结构中分离出来;
JQuery:把行为从 HTML 文档结构中分离出来。
jQuery()函数功能
1. 选择和包装 DOM 元素以便操作;
$("div.notLongForThisWorld").fadeOut().addClass("removed");
2. 充当全局实用工具函数的命名空间;
$.trim(someString);
3. 根据 HTML 标记来创建 DOM 元素;
$("<p>Hi there!</p>").insertAfter("#followMe");
4. 建立代码,当 DOM 为操作准备好时立刻执行。
$(function() {
// do stuff here
});
注:$()是 jQuery()函数的别名。
window.onload 函数与 jQuery()函数的区别
window.onload 函数:在整个页面完全加载之后执行,不仅是在构建 DOM 树之后,也是在
所有图像和其他外部资源完整地加载并且页面在浏览器窗口显示完毕之后;
window.onload = function() {
// do stuff here
};
jQuery()函数:文档结构被完整地解析,同时浏览器已经把 HTML 转换成 DOM 树形式时执行。
正式语法:
$(document).ready(function() {
// do stuff here
});
简写形式:
jQuery(function() {
// do stuff here
});
或者
$(function() { //$是jQuery的别名
// do stuff here
});
剩余82页未读,继续阅读
资源评论
vagrantpwx
- 粉丝: 0
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 全卷积网络基于voc2012数据集简单pytorch实现
- pycharm的一些介绍-用于更好的学习python
- 基于C++的程序设计大赛天梯赛L2答案(天梯赛)
- 基于python实现的三次样条插值和均值插值法实现
- Python语言教程2-python批量图片大小处理-多文件夹
- Python语言教程1-python批量图片重命名,将后缀某几个不想要的字去除
- Space Combat Kit 太空战斗套件Unity游戏开发插件资源unitypackage C#
- Universal Device Preview 通用设备预览Unity游戏开发插件资源unitypackage
- Paladin Anim Set 圣骑士动画集Unity游戏动作动画插件资源unitypackage
- 计算机财务管理期末考报表部分题目及答案.doc
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功