jquery如何判断元素是不是被点击

Posted 2023-05-09

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery如何判断元素是不是被点击相关的知识，希望对你有一定的参考价值。

如题，我想知道某个元素是否被点击如何判断？

可以试试我这个，因为jQuery选择器的原因，所以一定要指定父级，否则会执行多次。

<div id="parent"><a id="a1" href="javascript:void(0);">点我</a><a id="a2" href="javascript:void(0);">点我吧</a><input id="b1" type="button" value="还是点我"></input><input id="b2" type="button" value="那点你吧"></input></div>$("#parent *").click(function(e)if(e.target == $("#a1")[0])alert("你点了链接一！");else if(e.target == $("#a2")[0])alert("你点了链接二！");else if(e.target == $("#b1")[0])alert("你点了按钮一！");else if(e.target == $("#b2")[0])alert("你点了按钮二！"););

怎么使用jquery判断一个元素是否含有一个指定的类（class）

在jQuery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下：

hasClass(‘classname’)

is(‘.classname’)

以下是一个div元素是否包含一个redColor的例子：

1. 使用is(‘.classname’)的方法

$('div').is('.redColor')

2. 使用hasClass(‘classname’)的方法(注意jquery的低版本可能是hasClass(‘.classname’))

$('div').hasClass('redColor')

以下是检测一个元素是否含有一个redColor类的例子，含有时，则把其类变为blueColor。

<html>
<head>
<styletype="text/css">
.redColor
background:red;

.blueColor
background:blue;

</style>
<scripttype="text/javascript"src="jquery-1.3.2.min.js"></script>
</head>
<body>
<h1>jQuery check if an element has a certain class</h1>

<divclass="redColor">This is a div tag with class name of "redColor"</div>

<p>
<buttonid="isTest">is('.redColor')</button>
<buttonid="hasClassTest">hasClass('.redColor')</button>
<buttonid="reset">reset</button>
</p>
<scripttype="text/javascript">

$("#isTest").click(function ()

if($('div').is('.redColor'))
$('div').addClass('blueColor');

);

$("#hasClassTest").click(function ()

if($('div').hasClass('redColor'))
$('div').addClass('blueColor');

);

$("#reset").click(function ()
location.reload();
);

</script>
</body>
</html>

参考技术A <div id="parent">
<a id="a1" href="javascript:void(0);">点我</a>
<a id="a2" href="javascript:void(0);">点我吧</a>
<input id="b1" type="button" value="还是点我"></input>
<input id="b2" type="button" value="那点你吧"></input>
</div>
$("#parent *").click(function(e)
if(e.target == $("#a1")[0])
alert("你点了链接一！");
else if(e.target == $("#a2")[0])
alert("你点了链接二！");
else if(e.target == $("#b1")[0])
alert("你点了按钮一！");
else if(e.target == $("#b2")[0])
alert("你点了按钮二！");

);
可以试试我这个，因为jQuery选择器的原因，所以一定要指定父级，否则会执行多次。本回答被提问者采纳参考技术B <script src="jquery-1.6.4.min.js"></script>
<script>
$(function()
var isClick = false;
$('#test').click(function()isClick = true;);
$('#show').click(function()alert(isClick);)
)
</script>
<button id="test">点击</button><br />
<button id="show">查看是否被点击</button> 参考技术C click()呗

jquery如何判断元素是否被点击属性操作class操作

1、通过点击事件发生后，改变标志位的值，记录点击状态

1 function(){
2 var isClick = false;
3 $(‘#test‘).click(function(){isClick = true;});
4 $(‘#show‘).click(function(){alert(isClick);})
5 }

2、增删class：$(‘#id‘).addClass()、$(‘#id‘).removeClass()

3、获取设置元素值：$(‘.class‘).text()、$(‘#id‘).html()、$(‘.class‘).val()

4、添加属性或者修改属性值：$(‘#id‘).attr({‘style‘:‘display:none‘})

5、toggle()

定义和用法

toggle() 方法切换元素的可见状态。

如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。

语法：$(selector).toggle(speed,callback,switch)

参数	描述
speed	可选。规定元素从可见到隐藏的速度（或者相反）。默认为 "0"。可能的值：毫秒（比如 1500） "slow" "normal" "fast" 在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度。如果设置此参数，则无法使用 switch 参数。
callback	可选。toggle 函数执行完之后，要执行的函数。如需学习更多有关 callback 的内容，请访问我们的 jQuery Callback 这一章。除非设置了 speed 参数，否则不能设置该参数。
switch	可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。 True - 显示所有元素 False - 隐藏所有元素如果设置此参数，则无法使用 speed 和 callback 参数。

参数

描述

speed

可选。规定元素从可见到隐藏的速度（或者相反）。默认为 "0"。

可能的值：