`
wang吖
  • 浏览: 240744 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery基本的事件3

 
阅读更多
对事件的支持主要包括:

•bind()--为事件绑定处理程序,如:
    $("p").bind("mouseenter mouseleave", function(e){    $(this).toggleClass("over");    });•unbind()--注销绑定在事件上的处理程序,如:$(document).unbind('ready');,如不给参数,则清除所有事件处理程序。
$("#unbind").click(function () {    $("#theone").unbind('click', aClick);    });trigger()--触发某类事件。
$("button:first").trigger('click');triggerHandler()--触发某类事件,但不触发默认的事件处理逻辑,比如a的定向。
$("input").triggerHandler("focus");one()--为事件绑定只能被触发一次的处理程序。
    $("div").one("click", function(){    });ready()/click()/change()/toggle(fn,fn)/dblclick()……各种常规事件的快捷方式,xxx(fn)为绑定处理程序,xxx()为触发事件









<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GB2312"><title>jQuery EasyUI</title> <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../themes/icon.css"> <script type="text/javascript" src="../jquery-1.4.4.min.js"></script> <script type="text/javascript" src="../jquery.easyui.min.js"></script> <style type="text/css">        textarea        {            height: 118px;            width: 280px;        }    </style><script type="text/javascript">$(function(){//一个控件可以多个bind方法,写的时候可以$('mycontrols').bind().bind(); $('textarea').bind('propertychange',function(){   $('#result').html($('textarea').val()) }).bind('change',function(){   alert($('textarea').val()); });});</script>
</head>
<body>
<textarea></textarea>
<div id='result'></div>
</body>
</html>
分享到:
评论

相关推荐

    jquery-事件冒泡

    jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡...

    jQuery历史事件时间轴插件.rar|jQuery历史事件时间轴插件.rar

    jQuery历史事件时间轴插件;jQuery历史事件时间轴插件jQuery历史事件时间轴插件jQuery历史事件时间轴插件jQuery历史事件时间轴插件jQuery历史事件时间轴插件jQuery历史事件时间轴插件

    jquery鼠标滚轮事件

    在JavaScript的世界里,jQuery库为开发者提供了极大的便利,特别是在处理DOM操作和事件处理上。"jQuery鼠标滚轮事件"是一个非常实用的功能,它允许我们监听并响应用户使用鼠标滚轮时的操作,以此来实现诸如页面滚动...

    jquery效果事件

    三、jQuery事件 1. 基本事件绑定:jQuery提供了`.on()`方法来绑定事件。例如,`$("#myButton").on("click", function() { ... })`表示当id为"myButton"的元素被点击时,执行匿名函数内的代码。 2. 鼠标事件:常见...

    JQuery绑定事件

    除了基本的事件绑定,jQuery还支持事件冒泡和事件委托。事件冒泡是指事件从最深的节点开始,逐级向上层节点传播。在jQuery中,如果不阻止事件冒泡,事件会自动向上级元素传播。而事件委托则是利用事件冒泡机制,将...

    jquery监听鼠标滚轮事件+js监听滚轮事件

    为了捕捉这一行为并根据需要做出响应,开发者通常会使用JavaScript或jQuery来监听滚轮事件。本篇将详细介绍如何使用jQuery和原生JavaScript实现鼠标滚轮事件的监听。 一、jQuery监听鼠标滚轮事件 jQuery库提供了一...

    jQuery 基本功能

    3. **事件处理**: jQuery 的事件处理非常直观,例如 `$(selector).click(function(){...})` 用于绑定点击事件,`$(document).ready(function(){...})` 确保在页面加载完成时执行代码。 4. **动画效果**: 淡入淡出是...

    为jQuery添加自定义事件机制

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本文将深入探讨如何为jQuery添加自定义事件机制,这将帮助开发者扩展jQuery的功能,实现更加个性化的...

    jQuery带事件记录的多功能日历

    《jQuery带事件记录的多功能日历详解》 在网页开发中,日历插件是一种常见的交互元素,用于显示日期、安排事件以及提醒用户。本文将深入探讨一款特别的jQuery日历插件,它具备事件记录功能,使得日历不仅美观,而且...

    jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示

    jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示

    jquery监听DIV的事件

    除了基本的点击事件,jQuery还支持许多其他类型的事件,比如`mouseover`(鼠标悬停)、`mouseout`(鼠标离开)、`keydown`(键盘按键按下)、`keyup`(键盘按键释放)等。对于监听DIV的变化,我们可以关注以下几种...

    jQuery Mobile事件参考手册.zip_jQuery Mobile事件参考手册

    《jQuery Mobile事件参考手册》是针对使用jQuery Mobile框架进行移动应用开发的重要参考资料。jQuery Mobile是一个功能丰富的库,专为触摸设备设计,它简化了在HTML5网页上创建响应式、跨平台用户界面的过程。该手册...

    jQuery为动态生成的select元素添加事件的方法

    3. jQuery中的事件委托技术:为了解决动态元素的事件处理问题,jQuery引入了一种名为“事件委托”的技术。事件委托允许我们将事件监听器绑定到一个父级元素上,而不是直接绑定到目标元素上。这样,即使目标元素是...

    漂亮的jQuery事件日历插件calendar.js

    **jQuery事件日历插件calendar.js详解** 在网页设计中,日历插件是一个非常实用的元素,尤其在处理日期相关的交互时。"漂亮的jQuery事件日历插件calendar.js"正是这样一个工具,它能帮助开发者轻松地在网页上集成...

    jQuery事件和动画.ppt

    jQuery事件和动画.,对刚学习的同学帮助很大

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

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

Global site tag (gtag.js) - Google Analytics