jquery怎么触发改变事件
2021-11-19 11:31:12
在jquery中,可以使用change()方法来触发改变事件,语法“$(selector).change()”;该方法还可规定当发生改变事件时运行的函数,语法“$(selector).change(function)”。
本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
当元素的值发生改变时,会发生 change 事件。该事件仅适用于文本域(text field),以及 textarea 和 select 元素。
而想要手动触发 change 事件,就需要使用change() 方法了,且该方法还可规定当发生 change 事件时运行的函数。
触发 change 事件的语法
$(selector).change()
将函数绑定到 change 事件的语法
$(selector).change(function)
function 可选。规定当 change 事件发生时运行的函数。
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"> </script> <script type="text/javascript"> $(document).ready(function() { $(".field").change(function() { $(this).css("background-color", "#FFFFCC"); }); $("button").click(function() { $("input").change(); }); }); </script> </head> <body> <button>激活文本域的 change 事件</button> <p>用户名: <input class="field" type="text" /></p> </body> </html>
相关视频教程推荐:jQuery教程(视频)
以上就是jquery怎么触发改变事件的详细内容,更多请关注dnjidi.com其它相关文章!
相关阅读
- javascript如何获取用户输入的值
- JavaScript怎么设置页面标题
- jquery怎么修改元素css属性值
- node.js中什么是Buffer对象?使用场景是什么
- innerhtml和innertext间有什么区别?innerhtml和innertext的简单比较
- JS数组学习之清空全部元素的4种方法(代码详解)
- 分享6款实用的时钟特效(收藏)
- 手把手教你如何使用Vite+React进行组件开发(实践)
- 你知道前端是如何实现水印的吗
- js绘制两个相交的矩形并且其中有一个包含透明度
- js的趣味实现:给你一个戴眼镜的笑脸
- Node.js真的单线程吗?进程间如何通信?
- 了解angular10模块相关概念,快速入门!
- 手把手教你在Node.js项目中如何优化docker镜像
- 聊聊angular10中模板如何进行数据绑定?
- 通过JavaScript函数生成字符串的所有排列组合
- 为什么node.js要引入buffer?浅析缓冲区buffer
- Angular中什么是Ivy编译?如何开启Ivy编译?