Jquery显示、隐藏功能不起作用_Jquery_Hide_Show

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

jquery

Jquery显示、隐藏功能不起作用,jquery,hide,show,Jquery,Hide,Show,Jquery查找函数隐藏和显示不起作用，怎么了 <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script> $('div').hover(function() { $(this).find('.delete').show(); }, function() { $(this).find('.dele

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>


$（'div'）。悬停（函数（）{
$（this.find（'.delete'）.show（）；
}，函数（）{
$（this.find（'.delete'）.hide（）；
});
废话
删除

在脚本中添加一个文档就绪功能，它就可以工作了

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


$（文档）.ready（函数（）{
$（'div'）。悬停（函数（）{
$（this.find（'.delete'）.show（）；
}，函数（）{
$（this.find（'.delete'）.hide（）；
});
});

说明：

您正在将悬停函数绑定到该div，而该div尚未存在。

使用document ready函数，当div实际可用时，函数的绑定就会发生

将document ready函数添加到脚本中，它就会工作

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


$（文档）.ready（函数（）{
$（'div'）。悬停（函数（）{
$（this.find（'.delete'）.show（）；
}，函数（）{
$（this.find（'.delete'）.hide（）；
});
});

说明：

您正在将悬停函数绑定到该div，而该div尚未存在。

使用document ready函数，当div实际可用时，函数的绑定就会发生

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


jQuery（文档）.ready（函数（$）{
$（'div'）。悬停（函数（）{
$（this.find（'.delete'）.show（）；
}，函数（）{
$（this.find（'.delete'）.hide（）；
});
})

使用类似以下内容：

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


jQuery（文档）.ready（函数（$）{
$（'div'）。悬停（函数（）{
$（this.find（'.delete'）.show（）；
}，函数（）{
$（this.find（'.delete'）.hide（）；
});
})

您需要将jQuery代码包装在

$（document.ready（function（）{}）中或$（函数（）{}）
让它看到整个DOM
 $(document).ready(function(){
     $('div').hover(function() {
         $(this).find('.delete').show();
     }, function() {
         $(this).find('.delete').hide();
     });
 });

您需要将jQuery代码包装在$（document）.ready（function（）{}）中或$（函数（）{}）
让它看到整个DOM
 $(document).ready(function(){
     $('div').hover(function() {
         $(this).find('.delete').show();
     }, function() {
         $(this).find('.delete').hide();
     });
 });

你需要一大堆其他的东西来组成一个完整的、有效的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>


$（函数（）{
$（'div'）。悬停（函数（）{
$（this.find（'.delete'）.show（）；
}，函数（）{
$（this.find（'.delete'）.hide（）；
});
});
废话
删除

上面的DOCTYPE是针对HTML5的，这可能是您最好的选择，但您应该知道。
您需要一大堆其他东西来组成一个完整、有效的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>


$（函数（）{
$（'div'）。悬停（函数（）{
$（this.find（'.delete'）.show（）；
}，函数（）{
$（this.find（'.delete'）.hide（）；
});
});
废话
删除

上面的DOCTYPE是针对HTML5的，这可能是您最好的选择，但您应该知道。
需要像这样包装jQuery代码：
$(document).ready(function(){
  ...
});

例如：
享受：）
需要像这样包装jQuery代码：
$(document).ready(function(){
  ...
});

例如：
享受：）
试试这个
    <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>


废话
删除
$（文档）.ready（函数（）{
$（'div'）。悬停（函数（）{
$（this.find（'.delete'）.show（）；
}，函数（）{
$（this.find（'.delete'）.hide（）；
});
});
试试这个
    <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>


废话
删除
$（文档）.ready（函数（）{
$（'div'）。悬停（函数（）{
$（this.find（'.delete'）.show（）；
}，函数（）{
$（this.find（'.delete'）.hide（）；
});
});
code在FF中对我适用：code在FF中对我适用：