当前位置: 首页 > 编程笔记 >

jQuery中$(function() {});问题详解

濮阳征
2023-03-14
本文向大家介绍jQuery中$(function() {});问题详解,包括了jQuery中$(function() {});问题详解的使用技巧和注意事项,需要的朋友参考一下

$(document).ready() 里的代码是在页面内容都加载完才执行的,如果把代码直接写到script标签里,当页面加载完这个script标签就会执行里边的代码了,此时如果你标签里执行的代码调用了当前还没加载过来的代码或者dom,那么就会报错,当然如果你把script标签放到页面最后面那么就没问题了,此时和ready效果一样。

$(document).ready(function(){})可以简写成$(function(){});

点击段落后,此段落隐藏:

<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("p").click(function(){
  $(this).hide();
 });
});
</script>
</head>

<body>
 <p>If you click on me, I will disappear.</p>
</body>
</html> 

如果把$(document).ready(function() {});去掉后,无法隐藏段落:

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
 $("p").click(function(){
  $(this).hide();
 });
</script>
</head>

<body>
 <p>If you click on me, I will disappear.</p>
</body>
</html> 

但是把script放到页面最后的话,就可恢复隐藏效果:

<html>
<head>
</head>

<body>
 <p>If you click on me, I will disappear.</p>
</body>

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
 $("p").click(function(){
   $(this).hide();
 });
</script>
</html> 

总结:

$(document).ready 里的代码是在页面内容都加载完才执行的,你直接写到script标签里,当页面加载完这个script标签就会执行里边的代码了,如果你标签里执行的代码调用了当前还没加载过来的代码或者dom,那么就会报错,
当然如果你把script标签当到页面最后面那么就没问题了和ready差不多的效果

 类似资料:
  • 本文向大家介绍jQuery中(function($){})(jQuery)详解,包括了jQuery中(function($){})(jQuery)详解的使用技巧和注意事项,需要的朋友参考一下 简单的说 声明了一个匿名函数,也就是将jQuery对象作为参数传给函数 给大家举个例子 运行代码 就可以看到效果了,比较慢,骚等片刻。 我刚刚测试发现一些内存小的电脑容易直接导致浏览器崩溃、 chrome武装

  • 本文向大家介绍JavaScript的jQuery库中function的存在和参数问题,包括了JavaScript的jQuery库中function的存在和参数问题的使用技巧和注意事项,需要的朋友参考一下 jQuery function 参数传递 jQuery的function函数中使用外部变量: JavaScript、jQuery 检测某 function 是否存在 JavaScript 中检测某

  • 本文向大家介绍JavaScript中Function详解,包括了JavaScript中Function详解的使用技巧和注意事项,需要的朋友参考一下 关键字function用来定义函数。 注意,function语句里的花括号是必需的,即使函数体只包含一条语句。 在JavaScript中,函数是Function类的具体实例。而且都与其它引用类型一样具有属性和方法。 函数名实际上是指向函数对象的指针,函

  • 本文向大家介绍jQuery AJAX timeout 超时问题详解,包括了jQuery AJAX timeout 超时问题详解的使用技巧和注意事项,需要的朋友参考一下 先给大家分析下超时原因: 1.网络不通畅。 2.后台运行比较慢(服务器第一次运行时,容易出现) 超时结果:JQ中 timeout设置请求超时时间。 如果服务器响应时间超过了 设置的时间,则进入 ERROR (错误处理) 超时解决方案

  • 本文向大家介绍JQuery在循环中绑定事件的问题详解,包括了JQuery在循环中绑定事件的问题详解的使用技巧和注意事项,需要的朋友参考一下 有个页面上需要N个DOM,每个DOM里面的元素ID都要以数字结尾,比如说 现在有个循环,在页面载入的时候需要给这每个元素增加一个onclick事件,很容易想到的写法就是 这么写是错误的。。。 错误的原因以及类似的错误分析详见这篇文章《深入理解JQuery循环绑

  • 本文向大家介绍jquery中radio checked问题,包括了jquery中radio checked问题的使用技巧和注意事项,需要的朋友参考一下 今天太鬼火了为这个难问题搜了一下午了到最后还是csdn的朋友给了我正确的答案,谢谢这位朋友 // $("#ISOK1").checked = "checked"; // $("#ISOK1").attr("checked", true); //$(