6.6

深藏阁楼爱情的钟 2021-09-29 07:54 254阅读 0赞

事件

1、常用事件：

click(function()\{...\}) 当点击时

hover(function()\{...\}) 当鼠标移动到上面时

blur(function()\{...\}) 当光标消失时

focus(function()\{...\}) 当光标出现时

change(function()\{...\}) 域的内容改变时

keyup(function()\{...\})  某个键盘按键被松开时

Keydown  某个键盘按键被按下时

load  一张页面或一幅图像完成加载

2、事件绑定：

.on(events\[,selector\],function() \{\})

3、移除事件：

.off(events\[,selector\],function()\{\})

4、组织后续事件执行：

return false   // 常见阻止表单提交等

**注意：**

像click、keydown等DOM中定义的事件，我们都可以使用\`.on()\`方法来绑定事件，但是\`hover\`这种jQuery中定义的事件就不能用\`.on()\`方法来绑定了。想使用事件委托的方式绑定hover事件处理函数，可以参照如下代码分两步绑定事件：

$('ul').on('mouseenter', 'li', function() \{//绑定鼠标进入事件

$(this).addClass('hover');

\});

$('ul').on('mouseleave', 'li', function() \{//绑定鼠标划出事件

$(this).removeClass('hover');

\});

5、页面载入：当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。这是事件模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度。

$(document).ready(function()\{

// 在这里写你的JS代码...

\})

6、事件委托：

$("table").on("click", ".delete", function () \{

// 删除按钮绑定的事件

\})

动画效果：

1// 基本：

show(\[s,\[e\],\[fn\]\])

hide(\[s,\[e\],\[fn\]\])

toggle(\[s\],\[e\],\[fn\])

2// 滑动：

slideDown(\[s\],\[e\],\[fn\])

slideUp(\[s,\[e\],\[fn\]\])

slideToggle(\[s\],\[e\],\[fn\])

3// 淡入淡出

fadeIn(\[s\],\[e\],\[fn\])

fadeOut(\[s\],\[e\],\[fn\])

fadeTo(\[\[s\],o,\[e\],\[fn\]\])

fadeToggle(\[s,\[e\],\[fn\]\])

4// 自定义（了解即可）

animate(p,\[s\],\[e\],\[fn\])

补充：

1、each:

jQuery.each(collection, callback(indexInArray, valueOfElement))：

可以用return false来中间停止

2、data:

在匹配的元素集合中的所有元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。

$("div").data("k",100);//给所有div标签都保存一个名为k，值为100

$("div").data("k");//返回第一个div标签中保存的"k"的值

$("div").removeData("k");  //移除元素上存放k对应的数据

插件：jQuery.extend(object)    了解

转载于:https://www.cnblogs.com/liuzeng/p/9146686.html

发表评论取消回复

表情：

评论列表（有 0 条评论，254人围观）

还没有评论，来说两句吧...

相关阅读

相关 66.材料流水号

--自动编号的例子.材料编号=类别编号+流水号 --创建自定义函数,得到新的ID create function f_getid( @

以你之姓@/ 2024年02月19日 18:00/ 0 赞/ 12 阅读

相关 66. 加一

> 示例 1： > > 输入：digits = \[1,2,3\] > 输出：\[1,2,4\] > 解释：输入数组表示数字 123。 > 示例 2：

àì夳堔傛蜴生んèń/ 2022年10月16日 09:54/ 0 赞/ 132 阅读

相关 66. 加一【简单】

66. 加一【简单】题目描述：给定一个由整数组成的非空数组所表示的非负整数，在该数的基础上加一。最高位数字存放在数组的首位，数组中每个元素只存储

Myth丶恋晨/ 2022年10月11日 01:17/ 0 赞/ 124 阅读

相关 66.加1

题目描述：给定一个由整数组成的非空数组所表示的非负整数，在该数的基础上加一。最高位数字存放在数组的首位，数组中每个元素只存储单个数字。你可以假设除了整数 0 之外

雨点打透心脏的1/2处/ 2022年09月12日 10:45/ 0 赞/ 87 阅读

相关 66. Plus One

Problem： > Given a non-negative number represented as an array of digits, plus one to t

痛定思痛。/ 2022年08月20日 13:22/ 0 赞/ 119 阅读

相关 66. Plus One

Given a non-negative integer represented as a non-empty array of digits, plus one to the

╰半夏微凉°/ 2022年06月12日 23:37/ 0 赞/ 133 阅读

相关【LeetCode】66. 加一

题目链接：[https://leetcode-cn.com/problems/plus-one/description/][https_leetcode-cn.com_prob

电玩女神/ 2022年05月09日 14:50/ 0 赞/ 160 阅读

相关 leetcode 66. 加一

给定一个由整数组成的非空数组所表示的非负整数，在该数的基础上加一。最高位数字存放在数组的首位，数组中每个元素只存储一个数字。你可以假设除了整数 0 之外，这个整数不会

深藏阁楼爱情的钟/ 2022年04月18日 06:53/ 0 赞/ 184 阅读

相关 leetcode:66. 加一

题目: 给定一个由整数组成的非空数组所表示的非负整数，在该数的基础上加一。最高位数字存放在数组的首位，数组中每个元素只存储一个数字。你可以假设除了整数 0 之外

超、凢脫俗/ 2022年04月08日 12:39/ 0 赞/ 166 阅读

相关 LeetCode 66

给定一个由整数组成的非空数组所表示的非负整数，在该数的基础上加一。最高位数字存放在数组的首位，数组中每个元素只存储一个数字。你可以假设除了整数 0 之外，这个整数不会

╰+哭是因爲堅強的太久メ/ 2021年12月10日 06:23/ 0 赞/ 193 阅读