JQ库函数记忆要点
1.核心(1.核心函数2.对象访问3.数据缓存4.队列控制4.插件机制5.多库共存)
2.属性(1.属性2.css类3.HTML代码/文本/值)
3.选择器(表单,表单对象属性,基本,内容,子元素,层级)
4.文档处理(内部插入,外部插入,包裹,替换,删除,复制)
5.CSS(css,位置,尺寸)
6.事件(页面加载,事件处理,事件委派,事件切换,事件)
7.效果(基本,滑动,淡入淡出,自定义,设置)
8.AJAX(请求,事件)
9.筛选(过滤,查找,串联)
10.工具(浏览器及特性检测,数组和对象操作,函数操作,测试操作)
11.事件对象(Event对象)
12.延迟对象(Deferred)
13.回收对象(callback)
_____________________________________________________________________________________________________________________
1、jQuery简介
jQuery是一个实用的JavaScript库。jQuery极大地简化了JS对DOM的操作,实现一些常用的方法,jQuery还可以链式操作。
2、jQuery的基本用法
//引入jQuery文件,可以本地也可以远程
<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript">
//当文档完成加载完时触发,避免获取dom对象时,dom对象还没有加载
$(document).ready(function(){
//写js语句或者jQuery函数
$("p").click(function(){
$(this).hide();
});
});
</script>
3、jQuery常用的选择器和事件,和CSS的选择器很相似。
$() – 使用CSS选择器匹配元素
jQuery的事件和JS的事件基本相同,在使用的时候,去掉JS事件前面的on即可。
jQuery常用的事件:
load:当文档加载时运行脚本
blur:当窗口失去焦点时运行脚本
focus:当窗口获得焦点时运行脚本
change:当元素改变时运行脚本
submit:当提交表单时运行脚本
keydown:当按下按键时运行脚本
keypress:当按下并松开按键时运行脚本
keyup:当松开按键时运行脚本
click:当单击鼠标时运行脚本
dblclick:当双击鼠标时运行脚本
mousedown:当按下鼠标按钮时运行脚本
mousemove:当鼠标指针移动时运行脚本
mouseout:当鼠标指针移出元素时运行脚本
mouseover:当鼠标指针移至元素之上时运行脚本
mouseup:当松开鼠标按钮时运行脚本
abort:当发生中止事件时运行脚本
4、jQuery常用的效果方法
$(selector).hide() – 隐藏被选的元素
$(selector).show() – 显示被选的元素
$(selector).toggle() – 对被选元素进行隐藏和显示的切换
$(selector).slideDown() – 通过调整高度来滑动显示被选元素
$(selector).slideToggle() – 对被选元素进行滑动隐藏和滑动显示的切换
$(selector).slideUp() – 通过调整高度来滑动隐藏被选元素
$(selector).fadeIn() – 逐渐改变被选元素的不透明度,从隐藏到可见
$(selector).fadeOut() – 逐渐改变被选元素的不透明度,从可见到隐藏
$(selector).fadeTo() – 把被选元素逐渐改变至给定的不透明度
$(selector).animate() – 对被选元素应用“自定义”的动画
4、jQuery常用的DOM元素操作方法
$(selector).parent() – 返回被选元素的直接父元素。
$(selector).parents() – 返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>),可选参数来过滤对祖先元素的搜索
$(selector).children() – 返回被选元素的所有直接子元素。可选参数来过滤对子元素的搜索
$(selector).find() – 返回被选元素的后代元素,一路向下直到最后一个后代,可选参数来过滤对后后代元素的搜索
$(selector).siblings() – 返回被选元素的所有同胞元素。过滤对同胞元素的搜索。
$(selector).next() – 返回被选元素的下一个同胞元素。
$(selector).nextAll() – 返回匹配元素集合中每个元素之后的所有同辈元素,由选择器进行筛选(可选)。
$(selector).prev() – 返回的是前面的同胞元素
$(selector).prevAll() – 返回匹配元素集合中每个元素之前的所有同辈元素,由选择器进行筛选(可选)。
$(selector).first() – 将匹配元素集合缩减为集合中的第一个元素。
$(selector).last() – 将匹配元素集合缩减为集合中的最后一个元素。
$(selector).eq() – 指定索引的新元素。
$(selector).get() – 获得由选择器指定的 DOM 元素。
$(selector).index() – 返回指定元素相对于其他指定元素的 index 位置。
注:parent()、next()、prev()、first()、last()、eq()只返回一个元素。返回元素集合的函数都可以传传参数筛选,比如:parents()、siblings()、nextAll()、prevAll()、siblings()。
$(selector).each() 对对象进行迭代,为每个元素执行函数
$(selector).toArray() 以数组的形式返回 jQuery 选择器匹配的元素
$(selector).size() 返回被 jQuery 选择器匹配的元素的数量
$(selector).text() – 设置或返回所选元素的文本内容
$(selector).html() – 设置或返回所选元素的内容(包括 HTML 标记)
$(selector).val() – 设置或返回表单字段的值
$(selector).append() – 在被选元素的结尾插入内容
$(selector).prepend() – 在被选元素的开头插入内容
$(selector).after() – 在被选元素之后插入内容
$(selector).before() – 在被选元素之前插入内容
$(selector).remove() – 删除被选元素(及其子元素)
$(selector).empty() – 从被选元素中删除子元素
$(selector).removeAttr() – 从所有匹配的元素中移除指定的属性。
$(selector).clone() – 创建匹配元素集合的副本
$(selector).load() – 从服务器加载数据,然后把返回到 HTML 放入匹配元素
5、jQuery对CSS的操作
$(selector).height() – 设置或返回匹配元素的高度。
$(selector).width() – 设置或返回匹配元素的宽度。
$(selector).addClass() – 向被选元素添加一个或多个类
$(selector).removeClass() – 从被选元素删除一个或多个类
$(selector).toggleClass() – 对被选元素进行添加/删除类的切换操作
$(selector).css() – 设置或返回样式属性
$(selector).hasClass() 检查匹配的元素是否拥有指定的类。
6、jQuery其他知识点
$(selector).data() – 存储与匹配元素相关的任意数据
$(selector).removeData() – 移除之前存放的数据
$(selector).serialize() – 将表单内容序列化为字符串
$(selector).serializeArray() – 序列化表单元素,返回 JSON 数据结构数据
$冲突的解决办法
//释放$标识符的控制,使用默认的变量jQuery
$.noConflict();
//自定义变量
var jq = $.noConflict();
7、jQuery Ajax 操作函数
$.ajax() – 执行Ajax异步请求
$.get() – 使用GET请求从服务器获取数据
$.getJSON() – 使用GET从服务器请求JSON编码数据
$.getScript() – 使用GET从服务器请求JavaScript文件并执行该文件
$.post() – 使用POST请求从服务器获取数据
JQ库函数记忆要点的更多相关文章
- 基于JQ的记忆翻牌游戏
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8& ...
- Linux实战教学笔记15:磁盘原理
第十五节 磁盘原理 标签(空格分隔): Linux实战教学笔记 1,知识扩展 非脚本方式的一条命令搞定批量创建用户并设置随机10位字母数字组合密码. 1.1 sed的高级用法 [root@chensi ...
- Linux实战教学笔记16:磁盘原理
第十五节 磁盘原理 标签(空格分隔): Linux实战教学笔记 1,知识扩展 非脚本方式的一条命令搞定批量创建用户并设置随机10位字母数字组合密码. 1.1 sed的高级用法 [root@chensi ...
- (转)Linxu磁盘体系知识介绍及磁盘介绍
Linxu磁盘体系知识介绍及磁盘介绍 系统管理 / 2017-01-14 / 0 条评论 / 浴春风 Linu磁盘设备基础知识指南磁盘速度快具备的条件: 1)主轴的转速5400/7200/10000/ ...
- zabbix监控AIX DB2数据库
记一次工作中使用zabbix监控aix db2数据库的经历. 记忆要点: 1.使用自定义perl脚本: 2.由于zabbix用户权限的原因,无法调用db2用户获取数据库的数据,所以在zabbix配置文 ...
- 从头学pytorch(四) softmax回归实现
FashionMNIST数据集共70000个样本,60000个train,10000个test.共计10种类别. 通过如下方式下载. mnist_train = torchvision.dataset ...
- [转载]JQ 选择器大全[<font color=red>强记忆</font>]
一.基本选择器 选择器 描 述 返回 示例 #id 根据给定id匹配一个元素 单个元素 $("#test") 选取id为test的元素 .class 根据给定类 ...
- ACM起步要点总结(转哈工大)
首先,我想说的就是,我是一个很普通的ACMer,高中没有参加过任何计算机和数学竞赛的经历,也没有ben那样过人的天资,努力至今也未能取得什么成绩,我之所以写下这篇文章,只是希望给刚进大学或者刚进ACM ...
- 《高性能javascript》一书要点和延伸(上)
前些天收到了HTML5中国送来的<高性能javascript>一书,便打算将其做为假期消遣,顺便也写篇文章记录下书中一些要点. 个人觉得本书很值得中低级别的前端朋友阅读,会有很多意想不到的 ...
随机推荐
- Android计算器开发实例
Android简单计算器开发实例如图: ==================================================== activity_main.xml 代码如下: < ...
- 结合Hadoop,简单理解SSH
在启动dfs和yarn时,需要多次输入密码,不但启动本机进程还有辅服务器启动那些节点也需要相应密码,主与辅服务器之间是通过SSH连接的,并发送操作指令 一.ssh密码远程登录 1.使用ssh连接另一台 ...
- winSocket数据传输
服务器端: #include <WINSOCK2.H> #include <stdio.h> #pragma comment(lib,"ws2_32.lib" ...
- Python 系列:1 - Tuples and Sequences
5.3 Tuples and Sequences We saw that lists and strings have many common properties, e.g., indexing a ...
- Python + OpenCV2 系列:2 - 图片操作
这些相当于我的学习笔记,所以并没有很强的结构性和很全的介绍,请见谅. 1 读取.写入图像 下面是一个简短的载入图像.打印尺寸.转换格式及保存图像为.png的例子: # -*- coding: utf- ...
- LINQ的左连接、右连接、内连接
.左连接: var LeftJoin = from emp in ListOfEmployees join dept in ListOfDepartment on emp.DeptID equals ...
- jQuery -- is() 方法
定义和用法: 根据选择器.DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true.如果没有元素符合,或者表达式无效,都返回'false'. ''' ...
- 基于php使用memcache存储session的详解(转)
web服务器的php session都给memcached ,这样你不管分发器把 ip连接分给哪个web服务器都不会有问题了,配置方法很简单,就在php的配置文件内增加一条语句就可以了,不过前提你需要 ...
- MySQL索引之前缀索引和索引选择性
有时需要索引很长的字符列,它会使索引变大而且变慢.一个策略就是模拟哈希索引.但是有时这也不够好,那? 通常可以索引开始的几个字符,而不是全部值,以节约空间并得到好的性能.这使索引需要的空间变小,但是也 ...
- GDB 修改当前判断函数的返回值(即修改寄存器的值)的方法
工作中遇到的问题: 在GDB调试时要进入下边该判断后边的函数,而m_EtherDecode.Chk_MakeSure_IP_Pkt(pPacket,dwPacketLen)的返回值是false,所以需 ...