jquery 根据id动态分配change,click事件等

最新推荐文章于 2022-07-14 22:00:06 发布
最新推荐文章于 2022-07-14 22:00:06 发布
阅读量5.4k 收藏 3
点赞数
分类专栏： 工作 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Wx_H_/article/details/49614289
版权

因工作的需要~现在要将页面的提示信息内容采用动态分配的方法(虽然不知道哪里好.感觉如果ID多的话会很卡)

但是还是完成了这个恶心的要求..

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="UTF-8">
	<script type="text/javascript" src="jquery.min.js"></script>
	<script type="text/javascript" src="Demo.js"></script>
</head>
<body>
<input id="input1" type="text">
<input id="input2" type="text">


<input id="input3" type="button" value="save">


<select id="sct">
	<option>1</option>
</select>


<input id="input4" type="radio">


<select id="ser">
	<option>321</option>
	<option>12321321</option>
</select>
<html>

首先先做了个dem
最低0.47元/天 解锁文章
H_小猪
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue细节 点击事件
weixin_45044349的博客
04-15 486
根据id所触发的点击事件 handClick(v) vue 子组件 <template> <el-popover placement="left" trigger="click" width="120px"> <ul class="my_popover_list"> <li @mouseover="handClick(v)" class="share_tips" v-for="(v,i) in imgArr" :key="v.ti
JQuery 自动触发事件
sjsm2007的专栏
02-20 2036
常用模拟 有时候，需要通过模拟用户操作，来达到单击的效果。例如在用户进入页面后，就触发click事件，而不需要用户去主动单击。 在JQuery中，可以使用trigger()方法完成模拟操作。例如可以使用下面的代码来触发id为btn的按钮的click事件。 1 $('#btn').trigger("click"); 这样，
根据id触发事件
华棋皓
07-30 1422
document.getElementById().onclick();
java js id的点击事件_JavaScript中点击事件的写法
weixin_42520573的博客
02-27 2907
clickvar btn=document.getElementById('btn');第一种：btn.onclick=function(){alert('hello world');}消除事件：btn.onclick=null;//就不会弹出框了第二种：btn.addEventListener('click',function(){alert('hello world')},false);btn...
js之事件绑定
weixin_46285310的博客
08-01 658
js的事件绑定是很重要的一部分，js中的事件有很多，那么操作去让相应的事件执行相应的事情呢？这里就涉及到事件的绑定，那么什么是事件绑定呢？ 这里就要提到事件：事件呢通俗理解就是事情，比如你要去买一本有关java学习的书，事件呢包含三要素：事件目标，事件处理程序，事件对象 比如这里：事件目标：是去买书，处理程序：整个买书的流程，事件对象呢：书 这里只是简单的提一下事件，接下来来说说事件绑定 事件绑定：把事件写在dom节点上就实现了绑定事件，这么说有些人可能就不理解了，说白了，就是html事件处理程序，喊一
Jquery Change与bind事件代码
12-04
在jQuery库中，`change`和`bind`都是用于处理DOM元素事件的重要方法，它们允许开发者在用户交互时执行特定的代码。以下是关于这两个方法的详细说明： **jQuery的`change`事件** `change`事件主要用于监听表单元素，...
jQuery页面元素动态添加后绑定事件丢失方法,非 live
01-19
代码1: 以此方法绑定的input框事件,在通过add按钮后用jquery绑定的事件 alert就会丢失 <input type=button value=Add name=test_but /> <div id=test_div><input name=test_input/> [removed] $('...
解决jQuery使用append添加的元素事件无效的问题
12-12
然而，使用传统的`.click()`或`.bind()`方法为通过`.append()`等方法新增的元素添加事件处理程序可能会遇到问题，因为这些方法仅对现有DOM元素有效。为了解决这个问题，jQuery提供了`.on()`方法。 `.on()`方法自...
jQuery复合事件用法示例
10-19
除了`hover()`之外，jQuery还提供了其他复合事件，如`click()`, `focus()`, `blur()`, `change()`, `keydown()`, `keyup()`, `mousedown()`, 和 `mouseup()`等。这些函数可以同时绑定多个事件处理器，例如： ```...
jQuery使用手册之 事件处理
10-30
6. **动态事件绑定**: jQuery还提供了更简洁的方式来绑定和取消绑定事件，如 `$("#a").click(function() {...})`，这等同于 `$("#a").bind("click", function() {...})`。 7. **内置事件**: jQuery 提供了一系列...
js不用获取id属性, 直接可以用id名做事件绑定
weixin_43665686的博客
07-14 1446
js不用获取id属性, 直接可以用id名做事件绑定
jQuery实现select下拉框选中数据触发事件
热门推荐
cat_pp的博客
11-15 9万+
今天刚做了一个通过select下拉框修改数据的功能，因为select没有click点击事件，所以当选中下拉框中的数据后，使用onchange事件，但是在js中应该写bind（“change”，function（）{…}）。注意这里用的是change，不是onchange。 下面是我做的实例： 1、body下的内容：<select id="data" class="data" name="${o.
jquery添加click事件，jq动态添加click事件多种方式分享
请告诉他
11-12 5484
目录： 添加方式 实例演示 其中方式有一下几种 $("#ImId1").click(function(){}); $("#ImId2").bind("click",function(){}) $("#ImId3").on("click",function(){}) $("body").delegate("#xxx","click",function(){}) 实例演示： 导入jq <script type="text/javascrip...
js批量绑定id为 click事件demo
ppwwp的专栏
09-18 2712
&lt;%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dt
jQuery对象与dom对象相互转换
webforshare的专栏
07-06 411
刚开始学习jQuery，可能一时会分不清楚哪些是jQuery对象，哪些是DOM对象。至于DOM对象不多解释，我们接触的太多了，下面重点介绍一下jQuery，以及两者相互间的转换。 什么是jQuery对象？ ---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。 比如： $("#test").html() 意思是指：获取I
JS给某id下全部li添加点击事件的方法
Lucivita的博客
12-17 1712
第一步：获取到id的dom 第二步：根据获取到id的dom中获取到全部li数组 第三步：遍历添加onClick
jQuery选择器与事件
m0_58889266的博客
11-08 828
JQuery JQuery选择器的分类： 通过css选择器选取元素： 基本选择器： 标签选择器：$("ul") 类选择器 $("class") id选择器 $("id") 全局选择器 $("*") 并集选择器 $("ID,class,ul") 层次选择器： 后代选择器：$("ul li") 子类选择器： $("ul>li") 相邻选择器： $("h3+p") 拿的是下一个元素 同辈选择器： $("h3~p") 拿的是之后 同辈的所有 所有兄弟选择器： .siblings
js 获取input type=“file“ 选择的文件大小、文件名称、上次修改时间、类型等信息
qq_43654065的博客
01-15 2410
转载：原文 html <a>选择文件 </a> <input type="file" class="select-file"></input> js 1. 文件名传递 绝对路径 $('.select-file').change(function(){ $('a').text($('.select-file').val()); }) 文件名 $('.select-file').change(function(){ $('a').te
input 内容改变的触发事件
MaQuanXin的博客
06-28 1222
input 内容改变的触发事件 onchange onchange 事件会在域的内容改变时触发。支持的标签, , ,。 注意：在元素的值改变了且失去焦点时触发（两次的值一样不会触发）。 缺陷：通过js代码改变DOM的值不会触发，解决在js代码里改值了调用其change 的function() 或者调.change()方法。 JS： <input type="text" id="cc" o...
jquery取消change事件案例
最新发布
07-13
当需要取消一个元素上的change事件时，可以使用jQuery的off()方法来解绑该事件。以下是一个示例案例： HTML代码： ```html <input type="text" id="myInput" /> <button id="unbindBtn">取消change事件</button> ``` JavaScript代码： ```javascript $(document).ready(function() { // 绑定change事件 $('#myInput').on('change', function() { console.log('change事件触发'); }); // 取消change事件 $('#unbindBtn').click(function() { $('#myInput').off('change'); console.log('change事件已取消'); }); }); ``` 在上述代码中，我们首先绑定了一个change事件到id为"myInput"的input元素上。当input的值发生改变时，会在控制台打印"change事件触发"。 然后，我们通过点击id为"unbindBtn"的按钮来取消change事件的绑定。点击按钮后，使用off()方法解绑了input元素上的change事件，并在控制台打印"change事件已取消"。 这样，当我们再次改变input的值时，就不会触发change事件了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值