老看到jquery代码中有 $(document).ready(function() { 这代码作用是什么一般什么情况用啊

大地之子 2014-05-09 02:45:50

...全文

203 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

大地之子 2014-05-09

打赏
举报

引用 5 楼 xuefeng0707 的回复:

比如你写的JS代码里有document.getElementById()这种操作页面DOM的代码，如果你不用ready这种方式来写，就会出现执行代码的时候，页面还没有加载完成，你要操作的DOM还没在页面上，这样就会报错。

那为啥这些加载的数据不能通过jsp页面用html把数据加载进去呢非要用js把数据加载进去呢

xuefeng0707 2014-05-09

打赏
举报

比如你写的JS代码里有document.getElementById()这种操作页面DOM的代码，如果你不用ready这种方式来写，就会出现执行代码的时候，页面还没有加载完成，你要操作的DOM还没在页面上，这样就会报错。

扶我起来~我还能敲 2014-05-09

打赏
举报

$(function(){})跟这个一样的页面加载就会执行就是你想页面加载的时候调用一些什么东西就可以写在里面

大地之子 2014-05-09

打赏
举报

引用 1 楼 longtian1213 的回复:

这个函数作用大了，类似于javascript的window.load方法，一般在这里注册事件，和一些页面加载后需要立即执行的东西！

为啥非要这样初始化啊我看用jsp里用html代码初始化不行吗

椰树海岛 2014-05-09

打赏
举报

这段代码是进入界面全部初始化里面的内容.

S117 2014-05-09

打赏
举报

这个函数作用大了，类似于javascript的window.load方法，一般在这里注册事件，和一些页面加载后需要立即执行的东西！

页面大概是这样的，一个Partial View，而这个View包含了一小段绑定Search的Javascript，并且用Jquery-ui 的dialog 包含，而且确定不是ASP.net mvc生成HTML的问题，HTML是依照我的想法生成的，后来实在没有办法，把dialog的代码去掉，Search按就正常了。查了一下dialog的代码，发现是appendTo引发的。做了实验，代码如下：代码代码如下: [removed] $(document).ready(function() { $(“#a1”).appendTo($(“#a2”));

ready 方法是 jQuery 实现的在 html 页面在 DOM(Document Object Model, 文档对象模型) 树完全加载完成后触发的一个方法. 因为它接收的方法在页面中所有的 DOM 都可访问时才执行, 所以此时你完全可以访问和操作 html 中的元素. 在 jQuery 3.0 之前, 典型的匿名函数方式的用法如下: $(document).ready(function() { // 在 .ready() 被触发时执行. }); 在 jQuery 3.0 中 ready() 的变化在 jQuery 3.0 发布之前, 有以下几种 ready 方法的使用方式:

[removed] = function(){ alert(“welcome”); }这样的写法作用是希望在页面加载完，自动执行定义js代码（function）。 $(document).ready(function(){…. })这个函数是用来取代页面中的[removed]; document.ready()和传统的方法<body onload=”load()”> 相似，不同的是onload()的方法是在页面加载完成后才发生，这包括DOM元素和其他页面元素（例如图片）的加载，因此，使用document.ready()方法的执行速度比onload()的方法要快。 Javasc

今天发现一个页面始终不执行初始化脚本，代码如下： [removed] [removed] $(document).ready(function() { alert(1); }); [removed] 后来发现问题仅仅是因为引用JQuery的时候闭合写法问题，只需要修改闭合方法，如下所示： [removed] 改为 <

jQuery多级无限级导航下拉菜单代码, jQuery多级无限级导航下拉菜单代码是一款可智能判断有没有下级菜单列表的网站下拉菜单特效。 js代码 [removed] $(document).ready(function() { $("ul.nav li").hover(function(){ $(this).addClass("on"); }, function(){ $(this).removeClass("on"); }) }); $(document).ready(function() { $("ul.nav li").hover(function(){ $(this).parent("ul").siblings("h3").addClass("choice"); }, function(){ $(this).parent("ul").siblings("h3").removeClass("choice"); }) }); $(document).ready(function() { if ($("ul.nav li").find("ul") .html()!="") { $("ul.nav li").parent("ul").siblings("h3").append(""); } }); [removed]

Java EE

67,513

社区成员

225,878

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章

老看到jquery代码中有 $(document).ready(function() { 这代码作用是什么 一般什么情况用啊

老看到jquery代码中有 $(document).ready(function() { 这代码作用是什么一般什么情况用啊