php - 类型错误 : Object #<HTMLDivElement> has no method 'fadeTo'

Question

我正在尝试使用以下代码淡入淡出 div:

Javascript:

<script type="text/javascript">

  function show(id) {
    //document.getElementsByName(id)[0].style.visibility = "visible";
    document.getElementsByName(id)[0].fadeTo( "slow", 0.5 );
  }
  function hide(id) {
    document.getElementsByName(id)[0].style.visibility = "hidden";
  }


</script>

html:

<div style="width: 80px; height: 20px; background-color: red;" onmouseover="show('hej')" onmouseout="hide('hej')">
   <div id="div1" Name="hej" class="hej">Text</div>
</div>

我已经包括:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

我收到错误“TypeError: Object # has no method 'fadeTo'”。 任何人都可以帮助解决此问题并解释为什么它不起作用？

Answer 1

Javascript DOM 元素没有 fadeTo 方法，需要用 jQuery 封装它

$(document.getElementsByName(id)[0])

或者这样做

$('[name="'+id+'"]').eq(0).fadeTo(