首页技术jquery中的加载页面事件(三种)??jquery插件下载

jquery中的加载页面事件(三种)??jquery插件下载

编程之家2026-06-28940次浏览

很多朋友对于jquery中的加载页面事件(三种)?和jquery插件下载不太懂,今天就由小编来为大家分享,希望可以帮助到大家,下面一起来看看吧!

jquery中的加载页面事件(三种)??jquery插件下载

jquery中有哪些基础事件方法

jquery基础事件,包括绑定事件、简写事件、复合事件;

一.绑定事件

jQuery通过.bind()方法来为元素绑定这些事件。

形式:

bind(type, [data], fn)

参数:

jquery中的加载页面事件(三种)??jquery插件下载

type表示一个或多个类型的事件名字符串;

[data]是可选的,作为 event.data属性值传递一个额外的数据,这个数据是一个字符串、一个数字、一个数组或一个对象;

fn表示绑定到指定元素的处理函数。

二、简写事件

为了使开发者更加方便的绑定事件,jQuery封装了常用的事件以便节约更多的代码。称之为简写事件。简写事件,绑定方法如下图,

三、复合事件

jquery中的加载页面事件(三种)??jquery插件下载

jQuery提供了许多最常用的事件效果,组合一些功能实现了一些复合事件,比如切换功能、智能加载等。

扩展资料

1、绑定事件fn函数

1)使用点击事件

$('input').bind('click', function(){//点击按钮后执行匿名函数

alert('点击!');

});

2)普通处理函数

$('input').bind('click', fn);//执行普通函数式无须圆括号

function fn(){

alert('点击!');

}

2、简写事件函数

1).mouseover()和.mouseout()表示鼠标移入和移出的时候触发。而.mouseenter()和.mouseleave()表示鼠标穿过和穿出的时候触发。

2).keydown()、.keyup()返回的是键码,而.keypress()返回的是字符编码。

3).focus()和.blur()分别表示光标激活和丢失,事件触发时机是当前元素。而.focusin()和.focusout()也表示光标激活和丢失,但事件触发时机可以是子元素。

3、复合事件示例,背景移入移出切换效果

$('div').hover(function(){

$(this).css('background','black');//mouseenter效果

}, function(){

$(this).css('background','red');//mouseleave效果,可省略

});

参考资料

jQuery官方网站-事件

jquery的函数到底是怎么执行的啊

这问题不是jquery函数怎么执行的问题。关键在于对函数和函数如何执行的理解

比如函数定义

functionaa(){

}

对于这个函数来说aa是函数名,函数名+()就是执行函数,有了这个基础,下面理解起来就容易了

$("#subb").click(aa());//这里是aa(),需要执行函数,则相当于先执行aa(),aa的返回值再作为参数传入click中。

$("#subb").click(aa);//这里aa是函数名,不具备立即执行条件

$("#subb").click=aa();//这里是aa(),需要执行函数,则相当于先执行aa(),aa的返回值赋值给click

jquery中有哪些事件处理程序

bind()向元素添加事件处理程序

blur()添加/触发 blur事件

change()添加/触发 change事件

click()添加/触发 click事件

dblclick()添加/触发 double click事件

delegate()向匹配元素的当前或未来的子元素添加处理程序

die()在版本 1.9中被移除。移除所有通过 live()方法添加的事件处理程序

error()在版本 1.8中被废弃。添加/触发 error事件

event.currentTarget在事件冒泡阶段内的当前 DOM元素

event.data包含当前执行的处理程序被绑定时传递到事件方法的可选数据

event.delegateTarget返回当前调用的 jQuery事件处理程序所添加的元素

event.isDefaultPrevented()返回指定的 event对象上是否调用了 event.preventDefault()

event.isImmediatePropagationStopped()返回指定的 event对象上是否调用了 event.stopImmediatePropagation()

event.isPropagationStopped()返回指定的 event对象上是否调用了 event.stopPropagation()

event.namespace返回当事件被触发时指定的命名空间

event.pageX返回相对于文档左边缘的鼠标位置

event.pageY返回相对于文档上边缘的鼠标位置

event.preventDefault()阻止事件的默认行为

event.relatedTarget返回当鼠标移动时哪个元素进入或退出

event.result包含由被指定事件触发的事件处理程序返回的最后一个值

event.stopImmediatePropagation()阻止其他事件处理程序被调用

event.stopPropagation()阻止事件向上冒泡到 DOM树,阻止任何父处理程序被事件通知

event.target返回哪个 DOM元素触发事件

event.timeStamp返回从 1970年 1月 1日到事件被触发时的毫秒数

event.type返回哪种事件类型被触发

event.which返回指定事件上哪个键盘键或鼠标按钮被按下

event.metaKey事件触发时 META键是否被按下

focus()添加/触发 focus事件

focusin()添加事件处理程序到 focusin事件

focusout()添加事件处理程序到 focusout事件

hover()添加两个事件处理程序到 hover事件

keydown()添加/触发 keydown事件

keypress()添加/触发 keypress事件

keyup()添加/触发 keyup事件

live()在版本 1.9中被移除。添加一个或多个事件处理程序到当前或未来的被选元素

load()在版本 1.8中被废弃。添加一个事件处理程序到 load事件

mousedown()添加/触发 mousedown事件

mouseenter()添加/触发 mouseenter事件

mouseleave()添加/触发 mouseleave事件

mousemove()添加/触发 mousemove事件

mouseout()添加/触发 mouseout事件

mouseover()添加/触发 mouseover事件

mouseup()添加/触发 mouseup事件

off()移除通过 on()方法添加的事件处理程序

on()向元素添加事件处理程序

one()向被选元素添加一个或多个事件处理程序。该处理程序只能被每个元素触发一次

$.proxy()接受一个已有的函数,并返回一个带特定上下文的新的函数

ready()规定当 DOM完全加载时要执行的函数

resize()添加/触发 resize事件

scroll()添加/触发 scroll事件

select()添加/触发 select事件

submit()添加/触发 submit事件

toggle()在版本 1.9中被移除。添加 click事件之间要切换的两个或多个函数

trigger()触发绑定到被选元素的所有事件

triggerHandler()触发绑定到被选元素的指定事件上的所有函数

unbind()从被选元素上移除添加的事件处理程序

undelegate()从现在或未来的被选元素上移除事件处理程序

unload()在版本 1.8中被废弃。添加事件处理程序到 unload事件

contextmenu()添加事件处理程序到 contextmenu事件

$.holdReady()用于暂停或恢复.ready()事件的执行

好了,文章到此结束,希望可以帮助到大家。

htmliframe?浏览器运行html代码delete语句一次可以删除 delete语句删除表中数据