数码资讯
详细介绍jQuery的常用方法和事件
文件准备功能 $(文档)Ready(函数(){) ——jQuery函数到这里---- }); 这是为了防止文档在完全加载(就绪)之前运行jQuery代码。 如果在文档完全加载之前运行该函数,则操作可能失败。(试图隐藏一个不存在的元素;获取不完全加载映像的大小) 将所有jQuery代码放入事件处理函数
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
文件准备功能
$(文档)Ready(函数(){)
——jQuery函数到这里----
});
这是为了防止文档在完全加载(就绪)之前运行jQuery代码。
如果在文档完全加载之前运行该函数,则操作可能失败。(试图隐藏一个不存在的元素;获取不完全加载映像的大小)
将所有jQuery代码放入事件处理函数中
将所有事件处理函数放入文档就绪事件处理器中
隐藏/显示/切换
$(选择器)隐藏(速度,回调);
$(选择器)。显示(速度,回调);
$(选择器)Toggle(速度,回调);
可选的速度参数指定隐藏/显示的速度,它可以如下所示:慢
可选的回调参数是在隐藏或显示或切换完成后执行的函数名。
jQuery事件
事件中的作用
绑定功能
$(文档)Ready(函数)
将函数绑定到文档的就绪事件(在加载文档时)
$(选择器)Click(函数)
将某个函数触发或绑定到所选元素的单击事件。
$(选择器)。Dblclick(功能)
触发或绑定一个函数到所选元素的双击
$(选择器)。焦点(函数)
触发或绑定一个函数到选定元素的焦点事件
$(选择器)。Mouseover(功能)
将函数触发或绑定到选定元素的鼠标悬停事件
褪色法:
使用jQuery,您可以实现元素的淡出效果。
jQuery有以下四种淡入淡出方法:
FadeIn()
FadeOut()
FadeToggle()
可选的速度参数指定效果的长度。它可以接受以下值:慢可选的回调参数是在淡出完成后执行的函数名。
FadeTo()
jQuery()方法允许褪变成了梯度被改变到一个给定的不透明度(0~1)。
$(选择器)。FadeTo(速度、透明度、回调);
所需的速度参数指定效果的长度。它可以接受以下值:慢
所需的不透明参数淡入淡出效果设置为给定的不透明(在0和1之间)。
可选的回调参数是函数完成后执行的函数名。
由于Javascript语句(指令)按顺序一个一个地执行,所以动画语句可能会导致错误或页面冲突,因为动画尚未完成。
为了避免这种情况,您可以以参数的形式添加回调函数。如果要在涉及动画的函数执行语句后,请使用回调函数。
$(文档)Ready(函数(){)
——jQuery函数到这里----
});
这是为了防止文档在完全加载(就绪)之前运行jQuery代码。
如果在文档完全加载之前运行该函数,则操作可能失败。(试图隐藏一个不存在的元素;获取不完全加载映像的大小)
将所有jQuery代码放入事件处理函数中
将所有事件处理函数放入文档就绪事件处理器中
隐藏/显示/切换
$(选择器)隐藏(速度,回调);
$(选择器)。显示(速度,回调);
$(选择器)Toggle(速度,回调);
可选的速度参数指定隐藏/显示的速度,它可以如下所示:慢
可选的回调参数是在隐藏或显示或切换完成后执行的函数名。
jQuery事件
事件中的作用
绑定功能
$(文档)Ready(函数)
将函数绑定到文档的就绪事件(在加载文档时)
$(选择器)Click(函数)
将某个函数触发或绑定到所选元素的单击事件。
$(选择器)。Dblclick(功能)
触发或绑定一个函数到所选元素的双击
$(选择器)。焦点(函数)
触发或绑定一个函数到选定元素的焦点事件
$(选择器)。Mouseover(功能)
将函数触发或绑定到选定元素的鼠标悬停事件
褪色法:
使用jQuery,您可以实现元素的淡出效果。
jQuery有以下四种淡入淡出方法:
FadeIn()
FadeOut()
FadeToggle()
可选的速度参数指定效果的长度。它可以接受以下值:慢可选的回调参数是在淡出完成后执行的函数名。
FadeTo()
jQuery()方法允许褪变成了梯度被改变到一个给定的不透明度(0~1)。
$(选择器)。FadeTo(速度、透明度、回调);
所需的速度参数指定效果的长度。它可以接受以下值:慢
所需的不透明参数淡入淡出效果设置为给定的不透明(在0和1之间)。
可选的回调参数是函数完成后执行的函数名。
由于Javascript语句(指令)按顺序一个一个地执行,所以动画语句可能会导致错误或页面冲突,因为动画尚未完成。
为了避免这种情况,您可以以参数的形式添加回调函数。如果要在涉及动画的函数执行语句后,请使用回调函数。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。