JQuery学习20篇(jquery特有的绑定函数)

最新推荐文章于 2021-03-25 21:53:18 发布
最新推荐文章于 2021-03-25 21:53:18 发布
阅读量183 收藏
点赞数
文章标签： JQuery javascript js jquery特有的绑定函数 前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/czh500/article/details/103691713
版权 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JQuery学习20篇(jquery特有的绑定函数)</title>
<link rel="stylesheet" type="text/css" href="inputAndDiv.css">
</head>
<body style="background-color: #CCE8CF;">
	<h3 style="color: #cd1636;">JQuery学习20篇(jquery特有的绑定函数)</h3>
	<input style="width: 150px;" id="input1" type="button" value="添加事件" onclick="add_Event();">
	<input style="width: 150px;" id="input2" type="button" value="解除/取消1个绑定" onclick="relieve_bind();">
	<input style="width: 150px;" id="input3" type="button" value="解除/取消多个绑定" onclick="relieveMultipleBind();">
	<br/><br/>
	<div id="div1" style="width: 25%; height: 100px;">
	(请点击我)
	<br/>
	<font size="6" color="red">江西省赣州市于都县</font>
	</div>
</body>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function fn1(){
	console.log('天若有情天亦老');
}

function fn2(){
	console.log('一万年太久只争朝夕');
}

//绑定
function add_Event(){
	$('#div1').bind('click', function(){
		console.log('乘风破浪会有时，直挂云帆济沧海');
	});
	
	$('#div1').bind('click', fn1);
	
	$('#div1').bind('click', function(){
		console.log('人间正道是沧桑');
	});
}
//绑定
$('#input1').click(function() {
	$('#div1').bind('click', fn2);
	
	$('#div1').bind('click', function(){
		console.log('天生我材必有用');
	});
});

//解除绑定
function relieve_bind(){
	$('#div1').unbind('click', fn1);
}
//解除绑定
$('#input2').click(function() {
	$('#div1').unbind('click', fn2);
});

//解除多个绑定
function relieveMultipleBind(){
	$('#div1').unbind('click');
} 	
</script>
</html>

 

程宇寒
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用Jq的each()函数为标签绑定事件
码农米格的博客
05-05 1090
使用Jq的each()函数为标签绑定事件 问题描述： 在做项目时遇到的问题是：通过<c:forEach>循环产生的一组记录，为每条记录绑定删除事件。最开始的想法是通过$(selector).click(function(){})的方式实现，但事实证明这一方法最终实现的效果是只有第一条记录绑定上了事件。后来利用jq的each()方法才解决这一问题。 实现方法（以下代码截选自项目中）：...
jQuery的事件绑定及函数
weixin_42056687的博客
07-24 765
1，事件注册 1）element.事件(function(){ }) 例： <body> <div></div> <script> $(function() { // 1. 单个事件注册 $("div").click(function() { $(this).css("background", "purple"); });
jquery绑定元素id事件_jQuery绑定事件与事件代理
weixin_35225144的博客
01-21 859
第一步，引用jQuery！第一步，引用jQuery！第一步，引用jQuery！.on().on( events [,selector ] [,data ], handler(eventObject) ) events：一个或多个空格分隔的事件类型和可选的命名空间，或仅仅是命名空间，比如"click", "keydown.myPlugin", 或者 ".myPlugin" selector：一个选择...
JQUERY中事件绑定方式和JQuery对象中的功能函数
苏木三少
03-25 368
JQUERY中事件绑定方式一、JavaScript中事件绑定方式:1.嵌入式绑定: 2.基于DOM对象绑定方式:二、jquery中事件绑定方式:1. $obj.jquery监听事件函数(处理函数)2.$obj.bind(“jquery监听事件函数名”,处理函数):以这种方式绑定监听事件，可以解除的一、show() 和hide():二、remove() 和empty():三、append() 和 appendTo()1、共同点：都是操作标签中innerHTML，为当前标签添加子标签2、append()：父标签
jQuery函数&动作绑定
zcc25的博客
11-10 217
jQuery四大核心函数: 1.$('sel'): 引号内书写选择器,在全文或者指定内容中拿取元素 $('span#etoak') 2.$(html): 直接在引号内书写html超文本标签,多用来配合一些方法使用 $('<span>XXXXX</span>') 3.$(dom): 将dom节点转化为jQuery元素 $(document) 4.$(document).ready():为元素绑定事件 ready表示全文加载无误执行 ...
JQuery绑定事件的四种方法
b2997215859的博客
04-15 6317
1、bind 首先，看函数调用形式：$("selector").bind(event,[data],function) 显然，data是可选的 例子： $(function(){ $("div").bind("click","asdf",function(){ $("p").slideToggle(); }); }); //$(document).read
jQuery动态添加的元素绑定事件处理函数代码
01-19
我当时的处理方法是在添加的时候手工绑定事件处理函数。不过新版的jquery已经添加了这个功能。我们已经不需要为此烦恼了。 参考：http://api.jquery.com/live/ 以前我们定义事件，比如为元素定义单击事件是这样写的...
jQuery使用bind函数实现绑定多个事件的方法
10-19
本篇文章将深入探讨如何使用jQuery的`bind`函数来实现绑定多个事件。 首先，`bind`函数的基本语法如下： ```javascript $(selector).bind(eventType, function[, data], handler); ``` 这里，`selector`是匹配...
jQuery事件绑定方法学习总结(推荐)
10-21
首先，`bind()`是jQuery早期版本中用于绑定事件处理函数的方法。在上面的例子中，它被用来在按钮元素上绑定点击事件。例如： ```javascript $("#btn").bind("click", function() { $("div").append("这是一个新的p...
jquery快捷动态绑定键盘事件的操作函数代码
10-26
本篇文章将详细解析如何使用jQuery快速、便捷地实现动态绑定键盘事件的操作。 首先，我们来看一下提供的代码片段。这段代码定义了一个扩展jQuery的方法`key_bind`，该方法允许开发者通过指定的字符来绑定键盘事件。...
jQuery支持动态参数将函数绑定到事件上的方法
10-24
主要介绍了jQuery支持动态参数将函数绑定到事件上的方法,实例分析了两种支持动态参数的函数绑定技巧,需要的朋友可以参考下
JQuery应用实例学习 —— 22 jQuery特有的绑定函数
烟敛寒林的博客
09-15 183
 给div添加和取消事件 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;/head&gt; &lt;body&gt;
JS 绑定函数的几种方式
lch551218的博客
03-11 8283
1 通过事件绑定函数 <a οnclick="return Modalshow()">添加数据</a> 2 通过jquery绑定 <script src="/static/jquery-3.4.1.js"></script> //引入jquery <a id="newbox">添加数据</a> //定义标签 <scri...
jq事件绑定四种方式
zuo_zuo_blog的博客
05-13 1万+
1. 简单事件绑定： 这种绑定事件方式不会重叠 $(document).click(function () { alert(1); }) 2. bind方式（不推荐，1.7以后的jQuery版本被on取代） $(document).bind("click mouseenter",function () { alert(1); }) 比简单事件绑定方式...
jquery 调用标签绑定过的函数
MZ_的博客
08-24 384
代码如下： ($.data($('jquery选择器')[0],'events') || $._data($('jquery选择器')[0],'events')).click[1].handler(); ($.data($('jquery选择器')[0],'events') || $._data($('jquery选择器')[0],'events')).click[1].handler(); ...
JQUERY 常用方法大全
weixin_30340775的博客
09-26 574
Dom： Attribute： $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test.jpg",alt:"test Image"}); 给某个元素添加属性/值，参数是map $("img").attr("src","test.jpg"); 给某个元素添加属性/值 $("img").attr("title", ...
JQuery事件绑定函数：on()与bind()的差别
热门推荐
aty
02-09 1万+
JQuery从1.7+版本开始，提供了on()和off()，进行事件处理函数的绑定和取消。这2个API与JQuery最初提供的bind()和unbind()有很多相似的地方，也有一些不同之处。bind和unbind的详细介绍，可以参考这篇文章。   on()和bind()的函数签名如下： bind(type, [data], fn) on(type,[selector],[data],fn
jq的四种绑定事件的方法
Judy_qiudie
09-25 5321
参考博客：https://blog.csdn.net/ditto_zhou/article/details/62042670 一、jquery的几种事件绑定方式: bind(),on(),live(),delegate() 1.bind()函数只能针对已经存在的元素进行事件的设置；但是live(),on(),delegate()均支持未来新添加元素的事件设置； 2.bind()函数在jqu...
jquery事件绑定函数
weixin_34072458的博客
06-13 95
1、bind 使用语法： 1 jQueryObject.bind( events [, data ], handler ) 2 jQueryObject.bind( events [, data ] [, isDefaultBubble ] ) 3 jQueryObject.bind( eventsMap ) ps：执行bind()时，会为当时文档中存在的每个匹配的元素绑定...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值