>首页> IT >

jquery怎么实现点击文字触发点击事件

时间:2022-04-28 16:22:44       来源:PHP中文网

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery实现点击文字并触发点击事件的方法

1、使用click()

利用click()给文字元素绑定点击事件,并设置事件处理函数

语法:

$(selector).click(function(){...})

示例:

<script src="js/jquery-1.10.2.min.js"></script><script>$(document).ready(function() {$("p").click(function() {$("p").css("color","pink");});});</script>

点击这个文字段落。

2、使用on()

利用on()给文字元素绑定点击事件,并设置事件处理函数

语法:

$(selector).on("click",function(){...})

示例:

<script src="js/jquery-1.10.2.min.js"></script><script>$(document).ready(function() { $("p").on("click",function(){$("p").css("background-color","pink");});});</script>

点击这个文字段落。

【推荐学习:jQuery视频教程、web前端视频】

以上就是jquery怎么实现点击文字触发点击事件的详细内容,更多请关注php中文网其它相关文章!

关键词: 事件处理 相关文章 视频教程