在jquery中对此进行动画处理

Posted 2023-01-26

抱歉，如果这是基本的。我似乎无法理解$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事件。

答案

丢失内联javascript，而是使用：

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

另一答案

这是传递给函数的参数：

    function show(myElement)

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