Question

我正在尝试在我的网站中实现$(this)，以使每个点击的对象都具有动画效果。显然我可以为每个项目编写一个函数，但我想知道是否有办法用$(this)来完成。到目前为止它还没有正常工作。

<div class="prod">
  <div id="checking">
    <img src="bandImages/chkg.jpg" />
    <div id="debit">
      <img src="bandImages/debit.jpg">
    </div>
  </div>

<script>
  $(".prod").click(function() {
    $(".this").animate({
      width: '140px',
      height: '140px',
      opacity: '1.0'
    });
  });
</script>

Answer 1

$(this)

不

$(".this")

.this是一个类名，它在DOM中不存在

Answer 2

改变。这就是这个。

<script>
$(".prod").click(
function(){
   $(this).animate({width: '140px', height: '140px', opacity: '1.0'});

}

);
 </script>

Answer 3

尝试这个

用于$(this)而不是$('.this')并习惯 .on

就像这样

＆＃13;

$(document).ready(function(){

  $('.prod').on('click', function(){
  $(this).animate({width: '140px', height: '140px', opacity: '1.0'});
  
  })
 
});

＆＃13;

.prod{border:solid 1px red;}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="prod">

   <div id="checking">
    <img src="https://www.gravatar.com/avatar/76e03db06bb6dcf24f95bf4d354486db?s=32&d=identicon&r=PG" />

 <div id="debit">
    <img src="https://www.gravatar.com/avatar/76e03db06bb6dcf24f95bf4d354486db?s=32&d=identicon&r=PG">

    </div>


    </div>

＆＃13;

Answer 4

您需要使用jQuery对象$(this)，$(".this")将是具有类this的所有元素的jquery对象。

Answer 5

使用$(this)不使用$('this')。

你被使用了。

$(".this").animate({width: '140px',height: '140px',opacity: '1.0'});

这是错的。紧急下面

$(this).animate({width: '140px',height: '140px',opacity: '1.0'});

Jquery这个函数不起作用

5 个答案: