jQuery中给类元素增加点击事件的方法操作是什么
Admin 2022-05-24 群英技术资讯 1268 次浏览
在实际应用中,我们有时候会遇到“jQuery中给类元素增加点击事件的方法操作是什么”这样的问题,我们该怎样来处理呢?下文给大家介绍了解决方法,希望这篇“jQuery中给类元素增加点击事件的方法操作是什么”文章能帮助大家解决问题。增加方法:1、使用“$(".类名")”语句获取设置了某个指定类的元素节点;2、使用“元素节点.click(function(){...})”语句给获取的元素节点增加点击事件。

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery中通过$()选取元素,在使用类的情况下,可以使用$(".类名")来获取设置某个类的元素。
然后就可以使用click() 方法来给获取的元素添加点击事件。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){
$(".box").click(function(){
$(".box").css("background-color","#FFC0CB");
});
});
</script>
</head>
<body>
<p class="box">2324 </p>
<button class="box">点击,修改按钮的样式</button>
</body>
</html>
说明:
click() 方法触发 click 事件,或规定当发生 click 事件时运行的函数。
语法:$(selector).click(function)
function:可选。规定当发生 click 事件时运行的函数。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
这篇文章主要给大家介绍了关于vue watch监控对象的简单方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
在前端开发的时候,我们往往会使用到tab栏切换,例如一些双项选择就可以使用tab栏切换效果来实现。下面我们就看看二选一的tab栏切换是怎么做的?
目录泛型简介举个????举个????????泛型参数的默认值——函数重载泛型参数的默认值——正文参考泛型简介软件工程中,我们不仅要创建一致的定义良好的 API,同时也要考虑可重用性。 组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能。在像C# 和 Java 这样的语言中,可以使用 泛
在ES6(ES2015)出现之前,JavaScript中声明变量就只有通过var关键字,函数声明是通过function关键字,而在ES6之后,声明的方式有var、let、const、function、class,本文主要讨论var、let和const之间的区别
这篇文章主要给大家探讨vue打包的静态文件不可以直接运行的问题,对于这个问题一些朋友不是很理解,对此本文我们就来了解看看原因及解决方法,感兴趣的朋友可以参考一下,希望大家阅读完这篇文章能有所收获,下面我们一起来学习一下吧。
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008