使用$(this)选择器调用用户定义的Jquery函数

马修·佩珀(Matthew Pepper)

我正在尝试使函数在单击时隐藏圆。

我认为我的语法正确,但是当我单击圆圈时什么也没有发生。

我有以下代码:

function Disappearing() {
  $(this).hide();
}

$(".circle").click(function() {
  Disappearing();
})
.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-bottom: 5px;
}

#red {
  background-color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="red" class="circle"></div>

咏叹调

Disappearing()不能上网点击的对象,除非你把它传递给函数,在换句话说this指向当前对象的事件函数,所以你应该得到$(this)click事件,然后将它传递给Disappearing()

尝试这个:

function Disappearing (circle) {
   circle.hide();
}
    		
$(".circle").click(function() {
	Disappearing($(this));		
});
 
.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-bottom: 5px;
}
#red {
  background-color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="red" class="circle"></div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章