Question

Jquery查找功能隐藏和显示不起作用，有什么问题？

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

  <script>
        $('div').hover(function() {
           $(this).find('.delete').show();
        }, function() {
           $(this).find('.delete').hide();
        });
  </script>


<div>
    Blah
    <span class="delete">Delete</span>
</div>

Answer 1

在脚本中添加文档就绪功能，它将起作用

  <script>
      $(document).ready(function(){
        $('div').hover(function() {
           $(this).find('.delete').show();
        }, function() {
           $(this).find('.delete').hide();
        });
      });
  </script>

说明：

在div存在之前，您将悬停功能绑定到div 使用文档就绪功能，当div实际可用时，就会发生函数的绑定

Answer 2

使用类似的东西：

<script>
jQuery(document).ready(function($) {
$('div').hover(function() {
           $(this).find('.delete').show();
        }, function() {
           $(this).find('.delete').hide();
        });
})
</script>

Answer 3

您需要将jQuery代码包装在$(document).ready(function(){});或$(function(){});中，以便让它看到整个DOM。

 $(document).ready(function(){
     $('div').hover(function() {
         $(this).find('.delete').show();
     }, function() {
         $(this).find('.delete').hide();
     });
 });

Answer 4

你需要一大堆其他的东西来组成一个完整的，有效的HTML页面和一些包装javascript以延迟执行的东西，直到文档准备好与之交互....

<!DOCTYPE HTML>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function() {
    $('div').hover(function() {
        $(this).find('.delete').show();
    }, function() {
        $(this).find('.delete').hide();
    });
});
</script>
</head>
<body>

<div>
    Blah
    <span class="delete">Delete</span>
</div>

</body>
</html>

上面的DOCTYPE适用于HTML5，这可能是您最好的选择，但您应该知道other DOCTYPEs are available。

Answer 5

需要像这样包装jQuery代码：

$(document).ready(function(){
  ...
});

示例：http://jsfiddle.net/thinkfast2008/mzx7A/

享受：）

Answer 6

试试这个

    <div>
        Blah
        <span class="delete">Delete</span>
    </div>


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




 <script>
            $(document).ready(function(){
            $('div').hover(function() {
               $(this).find('.delete').show();
            }, function() {
               $(this).find('.delete').hide();
            });
          });
      </script>

Jquery显示，隐藏功能不起作用

6 个答案: