在jQuery中对此进行动画处理

Question

对不起，如果这是基本的。我似乎无法理解$this。

 <div class="product" id="product" onclick="show(this)"></div>

        function show(){

          $(this).animate({
                  width:('100%'),
                  marginTop:top+'px'
              }, 600);

    }

因为我使用$(this)，所以不会设置动画。如何直接读取参数this？ 我不想使用这个jQuery onclick事件，但是这个html事件。

Answer 1

丢失内联JavaScript，而是使用：

$('#product').click(function() {
  $(this).animate({
    width: ('100%'),
    marginTop: top + 'px'
  }, 600);
})

Answer 2

这是传递给函数的参数：  

    function show(myElement){

      $(myElement).animate({
              width:('100%'),
              marginTop:top+'px'
          }, 600);

}