`

jQuery事件处理

 
阅读更多

//加载事件
/*$(document).ready(function(){
alert("ass");
});

//单击事件
$(document).ready(function(){
$("#click").click(function(){
alert("ass");
});
});*/

//绑定事件 -- 解绑
/*$(document).ready(function(){
$("#b").bind("click",function(){
$("#b").val("");//单击Id为b的文本框是,清空该文本框的值
});

$("#fbd").click(function(){
$("#b").unbind();//单击Id为fbd的按钮时,解绑Id为b的文本框的事件
//$("#b").unbind("click");//解绑Id为b的文本框的click事件
});
});

//绑定事件-带参数
$(document).ready(function(){
function handler(event){
$("#firstname").val(event.data.firstname);
$("#lastname").val(event.data.lastname);
}
$("#aaaa").bind("click",{firstname:"a",lastname:"b"},handler);
});

//绑定表单的submit事件
$(document).ready(function(){
$("form:first").bind("submit",function(){
alert("aaaaaaa");
//return false;//添加这行代码,用户单击确定之后,页面将不会再执行“提交”按钮的操作
});
});

//一次性绑定事件 -- 绑定的事件,只执行一次
$(document).ready(function(){
$("#b").one("click",function(){
$("#result").append("<b>只添加一行</b>");
});
});

//事件触发器 -- 单击Id为abc的文本框时,触发表单的submit事件
$(document).ready(function(){
$("#abc").click(function(){
$("form:first").trigger("submit");
});
});

//带参数的触发器
$(document).ready(function(){
$("#test").click(function(event,para1,para2){
$("#result").html("传进来的参数:<br>"+para1+para2);
});
$("#test").rigger("click",["Hello","World"]);
});*/

/*$(document).ready(function(){
$("#firstname").focus(function(){
$("#divA").html("改写了focus的默认操作");
$("#firstname").val("");
});
$("aaaa").click(function(){
$("#firstname").triggerHandler("focus");
});
});*/

//鼠标悬浮事件
$(document).ready(function(){
$("#inputUName").hover(
function(){
$("#span").show();//鼠标移入时,span标签显示
},
function(){
$("#span").hide();//鼠标移出时,span标签隐藏
});
});

//循环响应的事件
$(document).ready(function(){
$("#inputT").toggle(
function(){
$("#spanN").html("第一次添加<br>");
},
function(){
$("#spanN").html("第二次添加<br>");
}
);
});
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    a1392558812#myShare#21.jquery事件处理1

    jquery事件处理。

    jQuery事件处理的特征(事件命名机制)

    jQuery事件处理具有几个核心特征,尤其值得深入了解的是其事件命名机制和处理方式。 首先,我们来谈谈事件命名机制。在jQuery中,事件名称遵循特定的命名规则,通常与原生JavaScript事件类似,但也有自己的特色。...

    jquery事件

    **jQuery事件** ...通过理解并熟练运用这些jQuery事件处理机制,开发者可以构建出更加响应用户交互、高效且易于维护的网页应用。无论是简单的按钮点击还是复杂的用户界面交互,jQuery都能提供强大的支持。

    JQuery事件Demo

    本篇文章将深入探讨jQuery事件处理及其相关示例,帮助你更好地理解和运用jQuery在实际项目中的功能。 ### 一、jQuery事件绑定 1. **`$(selector).on(events, handler)`**: 这是jQuery中用于绑定事件的主要方法。`...

    jQuery事件及绑定.pptx

    jQuery事件处理方法是jQuery的核心函数。 常用事件方法(教材P263表A-4): 分类 事件方法 描述 鼠标 click() 单机鼠标左键时触发 dbclick() 双击鼠标左键时触发 键盘 keypress() 键盘按键(Shift、CapsLock等非字符...

    jQuery事件函数共4页.pdf.zip

    《jQuery事件函数共4页.pdf》是一份详细探讨jQuery事件处理的资料,它涵盖了JavaScript库jQuery中的关键事件处理概念和函数。jQuery简化了DOM(文档对象模型)事件处理,使得在网页交互中添加、移除和触发事件变得...

    Jquery 事件的订购与退订案例

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和Ajax交互等任务。本案例聚焦于jQuery中的事件处理,特别是事件的订购...通过不断的实践和探索,你将在jQuery事件处理方面变得更加熟练。

    jquery-safe-events:创建“安全”版本的jQuery事件处理方法(如.ready,.on,.bind,.trigger等),以便失败的事件处理程序不会阻止其他代码执行

    默认情况下,引发未捕获异常的jQuery事件处理程序可以阻止执行同一事件的其他事件处理程序。 触发事件后立即运行的任何代码也可以由单个失败的事件处理程序暂停。 此插件创建jQuery事件处理方法的“安全”版本(如....

    jquery快速学三(事件与动画)

    通过以上对jQuery事件处理和动画效果的讲解,相信你已经对这两个主题有了全面的理解。结合实际的HTML文档,不断练习和探索,你将能熟练运用jQuery,提升网页交互体验。在实践中,不断学习,持续进步,是成为优秀的...

    jQuery 选择器 操作DOM 事件处理 动画基础

    jQuery选择器 jQuery操作DOM jQuery事件处理 jQuery动画基础

    WEB开发 之 jQuery 事件.docx

    总的来说,jQuery事件处理是Web开发中增强用户体验的关键工具,通过合理利用这些功能,开发者可以创建出响应迅速、交互丰富的网站和应用程序。了解并熟练掌握jQuery的事件处理机制,对于提升Web开发效率和代码质量...

    do.js:jQuery事件处理程序

    jQuery事件处理程序 与其创建大量难以跟踪的jquery.on函数,我们创建了一个简单的包装器来帮助我们跟踪触发和侦听的事件。 触发事件 DO.Fire(eventName, data); 收听事件: DO.Subscribe(eventName, function...

    jq-events-debuger:显示jQuery事件处理程序的源代码-Show source code

    这时,"jq-events-debuger"工具就显得尤为重要,它可以帮助开发者查看并分析jQuery事件处理程序的源代码,从而实现更高效的代码优化和问题定位。 "jq-events-debuger"是一款开源系统,其主要功能是为开发者提供一个...

    jquery例子大全 jquery demo

    jQuery 改进了JavaScript的事件处理方式,如 `.on()` 方法用于绑定事件监听器,`.off()` 移除事件监听器,`.trigger()` 触发事件。`.delegate()` 和 `.live()`(在jQuery 1.7后被 `.on()` 替代)则支持事件代理,...

    近百个jQuery实例

    jQuery事件处理 jQuery页面导航(这部分内容较少,增加了几个纯CSS实现) jQuery视觉特效(这部分内容最丰富)。 每个实例都有简洁的注释,基本上原书的精髓都汇聚于此。另外附带jQuery可视化API一份。 希望大家...

    jquery很全的例子源码,事件 ajax,表单应用

    一、jQuery事件处理 1. 事件绑定:jQuery提供`.on()`方法来绑定事件,如`$("#element").on("click", function() {...})`,点击元素时执行回调函数。 2. 事件冒泡与阻止:使用`.stopPropagation()`可以阻止事件向上...

    jquery简单用法大全

    jQuery事件处理如`$(element).on('event', handler)`,允许在指定元素上绑定事件处理器。`off()`用来取消事件绑定。 **jQuery工具方法** jQuery还提供了一系列工具方法,如`$.each()`, `$.trim()`, `$.grep()`, `$...

Global site tag (gtag.js) - Google Analytics