$.ready()

jQuery操作DOM与遍历元素
最新推荐文章于 2025-01-23 14:45:24 发布
原创 最新推荐文章于 2025-01-23 14:45:24 发布 · 138 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

$(document).ready(function(){

... 

    var totalCount = <%=totalCount%>;
  //$("#buttonDisplay").attr("style","none");
  var downloads = $("input[name^='downloadButtonId']");
  console.log(downloads);
  $.each(downloads,function(a,b){
   b.style.display = "none";
   b.disabled = true;
   console.log(b.name);
  });

 

...
});

JQuery下关于$.Ready()的分析
12-12
$(document).Ready()方法 VS OnLoad事件 VS $(window).load()方法 接触JQuery一般最先学到的是何时启动事件。在曾经很长一段时间里,在页面载入后引发的事件都被加载在”Body”的Onload事件里. 对于Body的Onload事件和JQuery的Ready方法相比，有很多弊端.比如: 1.加载多个函数的问题 <body onload=”a();b();”> </body> 在Onload事件中只能这样加载，很丑陋…而在JQuery中你可以利用多个JQuery.Ready()方法，它们会按次序依次执行 2.代码和内容不分离 这个貌似不用说了，让人深
JQuery Tips相关(1)—-关于$.Ready()
12-11
在jQuery中，可以链式调用多个$.Ready()函数，它们会按照添加的顺序依次执行，无需担心代码的美观性问题，例如： ```javascript $(document).ready(function() { // 第一个函数 }); $(document).ready(function() ...
$.ready和onload
weixin_34112181的博客
03-12 122
这个就是jq ready()的方法就是Dom Ready，他的作用或者意义就是:在DOM加载完成后就可以可以对DOM进行操作。 一般情况先一个页面响应加载的顺序是，域名解析-加载html-加载js和css-加载图片等其他信息。 那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间，就可以操作Dom了。 2、Dom Load 用原生的js的时候我们通常用...
$(document).ready(function()
ZiHanHanHanHan的博客
04-29 1252
$就是jquery的简写，$()就是一个选择器，document是html的所有元素，$(document）返回一个数组，而这个数组是一个对象，这个对象调用ready方法，function则是ready里面的参数，就是说等这个页面全部加载完之后就去执行写入的js。而且在$(document）.ready(function(){ });里面写入的js特效是和下一个里面写入的特效是不冲突的，俩者之间是不影响的，因此可以通过$(function(){});在一个页面中加载多个js。 不管怎么样，要...
JQuery Tips相关(1)----关于$.Ready()
10-25
学习jQuery的第一件事是：如果你想要一个事件运行在你的页面上，你必须在$(document).ready()里调用这个事件。所有包括在$(document).ready()里面的元素或事件都将会在DOM完成加载之后立即加载，并且在页面内容加载...
ionic中的$ionicPlatform.ready事件中的通用设置
12-02
在开发Ionic应用时，$ionicPlatform.ready事件是一个至关重要的组件，它确保了应用程序在设备准备好执行特定于硬件或原生功能的代码之前等待。这个事件类似于Cordova中的deviceready事件，它在所有必要的设备插件...
jQuery中的$(doncument).ready()详解
qq_62042780的博客
05-27 1997
window.onload=function(){alert("welcome");} 该语句的作用是希望在页面加载完，自动执行定义JS代码（function）。 $(document).ready(function(){……})这个函数是用来取代页面中的window.onload; $(document).ready()方法是事件模块中最重要的一个函数，可以极大的提高Web应用程序的响应速度。 一、$(document).ready()和onload的区别 1.执行时机 JS(window.on
$(document).ready()详解
SmartEmotion的专栏
07-10 1311
如果你想要一个事件运行在你的页面上，你必须在$(document).ready()里调用这个事件。所有包括在$(document).ready()里面的元素或事件都将会在DOM完成加载之后立即加载，并且在页面内容加载之前。 如下代码： $(document).ready( function() { $("#btn1").click(//id为btn1的标签的click事件
【jQuery源码浅析】（五）--文档加载--$.ready
致家驹 - 海阔天空的博客
07-03 2119
我们经常会用到\$(document).ready(fn)或者\$(fn)，可是，我们只是用这个函数来代替window.onload么？其实不是的，文档的加载除了DOM结构树的加载之外还包括其他外部资源如图片或脚本的加载，而所有资源的加载会触发window.onload函数，但我们不可能总等所有资源加载出来再执行接下来的代码，有时候加载的外部资源很大的时候，我们就可以先在DOM结构树加载完之后开始做事了，不用等其他资
Jquery中的$(document).ready()详解
热门推荐
beidaol的专栏
07-12 10万+
转载：https://blog.csdn.net/u010098331/article/details/62036597window.onload = function(){ alert("welcome"); }语句的作用是希望在页面加载完，自动执行定义js代码（function）。$(document).ready(function(){.... })这个函数是用来取代页面中的window.o...
$(document).ready()
binlety
08-05 2675
区别1： 它规定DOM（网页文档）加载完成后网页内容加载之前执行的，也就是说在html加载完成后，图片加载之前。 window.onload是在页面所有元素（包括图片、引用文件）加载完成后执行，也就是说页面的所有东西加载完之后在加载。 区别2： $(document).ready()比window.onload()的加载速度要快 区别3： 前者可以写多个，后者页面中只能写一个。 onload(...
JQ的$(document).ready()
Fairy的博客
02-23 1530
    window.onload() $(document).ready() 不能同时编写多个，多个是最后一个覆盖前面的ss 能同时编写多个 无简写方法 简写为$(function(){}); 等待网页中所有元素包括关联文件都加载完后才执行 （无需）  ...
$.ready()事件的实现机制
justGY的博客
07-28 3474
$.ready()事件的实现机制.ready()用于在document对象上绑定一个ready事件监听函数，当DOM结构加载完成后，监听函数被执行 ready 作用于DOM结构加载完成时，浏览器如何解析前端文件？ 因此先了解什么是DOM结构？ 浏览器如何解析文件（这里只大概介绍渲染的流程） 渲染引擎首先通过网络获得所请求文档的内容，通常以8K分块的方式完成。 解析html以构建dom树 -> 构建
jQuery 的 $().ready() 方法到底是干什么的？
长风破浪会有时的博客
01-23 1046
是一个非常有用的 jQuery 方法，它可以确保你的 JavaScript 代码在页面的所有内容都加载完毕后再执行。这有助于避免由于元素尚未加载而导致的操作失败或错误。
$.load()、$.ready() 区别
weixin_34247032的博客
03-18 633
这两个是 jQuery 中的方法，对应原生的代码分别是 window.onload、window.addEventListener('DOMContentLoaded', fn)。 DOMContentLoaded DOMContentLoaded不同的浏览器对其支持不同，所以在实现的时候我们需要做不同浏览器的兼容。 支持 DOMContentLoaded 事件的，就使用 DOMContent...
$(document).ready(function()详解
Thinkingcao的专栏
02-22 2万+
1、       $就是jquery的简写，$()就是一个选择器，document是html的所有元素，$(document）返回一个数组，而这个数组是一个对象，这个对象调用ready方法，function则是ready里面的参数，就是说等这个页面全部加载完之后就去执行写入的js。而且在$(document）.ready(function(){  });里面写入的js特效是和下一个里面写入的特效
Uncaught TypeError: Cannot read properties of undefined (reading 'guid') at Object.add (jquery-1.3.2.min.js:19:13212) at jquery-1.3.2.min.js:19:18833 at l.jQuery.l.$.each (jquery-1.3.2.min.js:12:7964) at init.each (jquery-1.3.2.min.js:12:1155) at init.bind (jquery-1.3.2.min.js:19:18809) at HTMLDocument.<anonymous> (camera.js:104:15) at Function.<anonymous> (jquery-1.3.2.min.js:19:20574) at l.jQuery.l.$.each (jquery-1.3.2.min.js:12:7964) at l.jQuery.l.$.ready (jquery-1.3.2.min.js:19:20541) at HTMLDocument.<anonymous> (jquery-1.3.2.min.js:19:20855) 解释，解决，不要分析过程
最新发布
03-08
<think>好的，我现在需要解决用户遇到的“Uncaught TypeError: Cannot read properties of undefined (reading 'guid')”错误。用户提供了一个堆栈跟踪，显示问题出现在jQuery 1.3.2的add方法和bind方法中，具体是在camera.js的第104行。用户希望得到解释和解决方案，不需要分析过程。 首先，我需要理解这个错误的原因。错误信息说无法读取未定义的属性'guid'，这意味着在某个地方有一个对象预期会有'guid'属性，但实际上这个对象是undefined。通常在JavaScript中，这种情况发生在尝试访问一个未初始化或未正确赋值的对象的属性时。 接下来，查看堆栈跟踪。错误发生在jQuery的add方法，以及bind方法，这说明问题可能与事件绑定有关。用户使用的是较旧的jQuery版本（1.3.2），可能某些方法在现代浏览器中不兼容，或者在代码中存在不兼容的写法。 用户提到错误出现在camera.js的104行，我需要假设用户可能在这里绑定了某个事件，但可能事件处理函数引用了未定义的对象。比如，可能在绑定事件时，使用了某个未正确初始化的元素，或者选择器没有找到对应的DOM元素，导致jQuery对象为空，进而无法访问guid属性。 解决这类问题的常见方法包括： 1. 确保在绑定事件之前，DOM元素已经存在。可能用户没有将代码放在document ready事件中，导致元素还未加载就尝试绑定事件。 2. 检查jQuery选择器是否正确，确保选中的元素存在。例如，可能选择器写错了ID或类名，导致$()返回undefined或空对象。 3. 更新jQuery版本，因为1.3.2非常老旧，可能存在已知的兼容性问题。不过用户可能需要保持旧版本，所以需要检查是否有其他解决方案。 4. 检查代码中是否有尝试访问未定义变量的情况，特别是在事件处理函数内部是否有引用未声明的变量。 根据用户提供的堆栈跟踪，错误发生在bind方法调用时，可能是在绑定事件处理程序时，某个元素未找到。比如，代码可能是这样的： $('#someElement').bind('click', function() { ... }); 如果#someElement不存在，jQuery可能返回一个空对象，此时调用bind方法可能会导致内部错误，尤其是在旧版本的jQuery中处理空对象时可能存在问题。 解决方案步骤可能包括： - 将代码包裹在$(document).ready()中，确保DOM加载完成后再执行绑定。 - 检查选择器是否正确，确保元素存在。 - 使用更健壮的事件绑定方法，如on()（虽然jQuery 1.3.2可能不支持，但可以尝试）。 - 更新jQuery版本到更现代的版本，并测试兼容性。 - 在绑定事件前检查元素是否存在。 现在需要将这些思路整理成用户容易理解的步骤，避免技术术语过多，同时直接给出解决方案。</think>--- ### 错误解释 此错误表示代码在尝试访问一个`undefined`值的`guid`属性。在jQuery 1.3.2中，`guid`是事件系统内部标识符，通常由以下原因导致： 1. 事件绑定的目标元素不存在 2. 在DOM未就绪时操作元素 3. jQuery版本过旧与现代浏览器不兼容 --- ### 直接解决方案 #### 1. 确保DOM加载完成 **修改前**： ```javascript // camera.js第104行附近 $("#cameraBtn").bind("click", takePhoto); // ❌ 直接绑定 ``` **修改后**： ```javascript // 所有操作包裹在ready中 $(document).ready(function() { $("#cameraBtn").bind("click", takePhoto); // ✅ }); ``` #### 2. 验证元素存在性 ```javascript if ($("#cameraBtn").length > 0) { $("#cameraBtn").bind("click", takePhoto); } else { console.error("找不到#cameraBtn元素"); } ``` #### 3. 替换事件绑定方式 ```javascript // 改用更安全的on()方法 $(document).on("click", "#cameraBtn", takePhoto); ``` #### 4. 升级jQuery（关键方案） 在HTML中替换jQuery引用： ```html <!-- 删除旧版 --> <!-- <script src="jquery-1.3.2.min.js"></script> --> <!-- 使用新版 --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` --- ### 紧急修复代码 如果无法立即升级jQuery，添加以下补丁： ```javascript // 在jQuery加载后插入 jQuery.fn.extend({ bind: function(types, data, fn) { // 跳过空元素 if (!this.length) return this; return this.constructor.prototype.bind.apply(this, arguments); } }); ``` --- ### 典型错误位置检查表 | 文件位置 | 需检查内容 | |---------|-----------| | camera.js第104行 | 是否存在`$("...").bind()`调用 | | HTML文档 | 是否缺少`id="cameraBtn"`的元素 | | 脚本加载顺序 | jQuery是否在其他脚本之前加载 | --- ### 验证流程 1. 打开浏览器控制台（F12） 2. 输入：`document.getElementById("cameraBtn")` 3. 如果返回`null`，说明元素不存在或ID错误 --- ### 兼容性处理建议 ```javascript // 同时支持新旧浏览器 if (typeof jQuery.fn.on === 'function') { $("#cameraBtn").on("click", takePhoto); } else { $("#cameraBtn").bind("click", takePhoto); } ``` --- 完成上述修改后刷新页面测试，如仍出现错误，请检查： 1. 页面是否存在多个jQuery版本 2. 是否有其他JS错误阻断执行 3. `takePhoto`函数是否正确定义
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值