Jquery 注册事件

最新推荐文章于 2023-08-06 16:02:33 发布
最新推荐文章于 2023-08-06 16:02:33 发布
阅读量5.4k 收藏
点赞数
分类专栏： Jquery_基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/limlimlim/article/details/9179517
版权
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>事件绑定</title>
    <script src="../js/jquery-1.5.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        var oldColor;
        $(function () {
            //注册ID为btnTest的按钮的click事件
            $("#btnTest").click(function () {
                var $divs = $("div");
                $divs.html("我是修改后的Div文本");
            });


            //注册ID为btnTest的按钮的mouseover事件,鼠标经过时添加背景色
            $("#btnTest").mouseover(function () {
                oldColor = $("#btnTest").css("background-color");
                $("#btnTest").css("background-color", "green");
            });


            //注册ID为btnTest的按钮的mouseout事件,鼠标离开时还原背景色
            $("#btnTest").mouseout(function () {
                $("#btnTest").css("background-color", oldColor);
            });
        });
    </script>
</head>
<body>
    <div id="main">
        <div id="div1" class="myDiv">我是div1
            <div id="divSun">我是孙子div
                <div id="divSunSun">我是孙子的孙子div</div>
            </div>
            <div id="divSun1">我是孙子div</div>
        </div>
        <div id="div2" class="myDiv">我是div2</div>
    </div>
    <div id="main1"></div>
    <div id="main2"></div>
    <input id="btnTest" type="button" value="测试按钮" />
    <div id="main3"></div>    
</body>
</html>
永远爱好写程序
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery on注册事件
夏沐的博客
03-20 1450
在jQuery中，使用on统一所有事件的处理方式，主要有两种类型： （1）on注册简单事件 （2）on注册委托事件 （1）on注册简单事件 /* * selector：表示执行事件的后代元素，若没有后代，则自己执行 * click:传触发方式 * function：传事件处理函数 */ $(selector).on( "click", function() {}); （2）on注...
jQuery事件注册
xy_is_fhh的博客
12-22 705
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>事件.
jQuery 事件注册
一个水瓶座程序猿的博客
07-16 826
jQuery 事件注册
jQuery选择器与注册事件
myllxy
11-24 171
选择器 基本选择器 id 选择器 <script> //id选择器--最常用 var myDiv1 = $("#myDiv").html(); console.debug(myDiv1) </script> .class 样式选择器 <script> //类选择器，根据你标签中的class来判断 var myDiv2 = $(...
jQuery注册事件
胡振涛
04-21 233
前言：事件注册的发展、on注册事件、off解绑事件、tigger触发事件 大家都知道jQuery是对JS的事件进行了封装，增加并扩展了事件处理机制，增强了事件的处理能力。最近看了一些关于jQuery的一些学习视频，每一次都会有一些新的知识点。今天简单了解了一下JQuery事件的发展历史：简单事件绑定-->bind事件绑定-->delegate事件绑定-...
Jquery注册事件实现方法
10-24
本篇文章将深入探讨如何使用jQuery注册和处理事件，特别是通过实例分析按钮的鼠标事件。首先，我们需要了解jQuery中的几个核心概念，包括选择器、事件处理函数以及事件绑定。 1. jQuery选择器：jQuery的选择器基于...
jQuery简单注册和禁用全局事件的方法
10-21
本篇文章将深入探讨如何使用jQuery进行全局事件的注册和禁用，特别是`ajaxStart`和`ajaxStop`这两个方法。 ### 1. jQuery全局事件注册 全局事件允许开发者在所有Ajax请求开始或结束时执行某些操作，无论这些请求是...
jquery用户注册页面
06-01
本项目"jquery用户注册页面"是利用jQuery技术来实现一个用户注册界面，主要关注点在于如何通过jQuery提高用户体验并简化前端代码。 在用户注册页面中，jQuery通常用于以下关键功能： 1. **表单验证**：jQuery可以...
多种jQuery绑定事件的实现方式
10-22
然而，当你多次调用`.bind()`函数为同一个元素和事件类型注册处理函数时，会导致事件被重复触发。如上面的示例所示，`reg_button_click`函数在`document.ready`时被调用了三次，因此`click`事件触发时，会弹出三个...
jQuery第三天学习心得
Zyh499的博客
12-10 194
jQuery第三天学习心得 1.jQuery 事件注册 jQuery 为我们提供了方便的事件注册机制 优点: 操作简单，且不用担心事件覆盖等问题。 缺点: 普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法。 语法： element.事件(function( ) {事件处理程序 } ) $(‘div’).cilck( function ( ) { }事件处理程序 ) // 1. 单个事件注册 $("div").click(function() {
【jQuery】jQuery事件
早睡早起长头发的博客
01-15 1144
我是动态创建的p
jquery 事件注册 与重复事件处理
luxideyao的专栏
04-01 4553
jquery 事件注册 ，重复事件处理方法
jQuery编程学习2（ jQuery 事件注册、处理、对象）
m0_73809176的博客
08-06 397
1. jQuery 事件注册 单个事件注册 2. jQuery 事件处理 2.1 事件处理 on() 绑定事件 语法： on() 方法优势1：可以绑定多个事件，多个处理事件处理程序. on() 方法优势2：可以事件委派操作 。 on() 方法优势3：可以给未来动态生成的元素绑定事件 案例：发布微博案例 ！！！！！ HTML、CSS代码 jQuery代码： 2.2 事件处理 off() 解绑事件 2.3 自动触发事件 trigger() 3. jQuery 事件对象
JQuery事件的绑定
oldmonk
06-05 145
&#13; 关于jQuery事件绑定html:&#13; &lt;a href="#" onclick="addBtn()"&gt;addBtn&lt;/a&gt;&#13; &lt;div id="mDiv"&gt;&#13;     &lt;button class="cBtn" onclick="aler
jQuery事件注册、jQuery事件对象、事件处理
phoebemeng的博客
07-28 318
jQuery事件注册、jQuery事件对象、事件处理、on（）绑定事件的优势
从一个bug说jquery的事件注册和触发机制
未来可7
11-09 1194
问题描述同一域名下有两个页面parent.html，child.html。parent.html中通过iframe嵌入child.html。父页面触发自定义事件，子页面对其进行响应。 两页面代码如下： 1.parent.html<body> 我是父页面 <iframe></iframe> <script src="/js/jquery.min.js"></script>
jQuery注册事件、事件处理、事件对象
qq_46112274的博客
01-11 310
1、单个事件注册 2、事件处理 2.1、事件处理on()绑定事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initi
jquery事件注册
行之
10-15 1628
一般我们在使用jquery的时候，习惯在ready函数中： $("#id").click(function(){ //code }); 假如在别的地方又对同一个对象注册了同一个事件，那么这次的事件注册并不会覆盖上一次注册的事件，而是append到上一次事件后面，比如说对刚才的id对象，注册两次alert，那么在click的时候，就会alert两次。 其实jquery的cli
JQuery绑定事件
信天鸽博客
09-20 690
一、jquery绑定事件$btn1.bind("click",f1=function(){ alert("我是"); }) $btn1.bind("click",f2=function(){ alert("我是46"); })2.
jquery注册页面
最新发布
06-18
jQuery是一个流行的JavaScript库，它简化了DOM操作、事件处理以及AJAX请求，使得网页交互变得更加便捷。...2. jQuery如何处理用户的注册事件并发送数据到服务器？ 3. 在注册过程中，如何使用jQuery避免XSS攻击？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值