jquery学堂(jquery 菜鸟教程)
jquery中$ready和window.onload的区别
做web开发时常用Jquery中$(document).ready()和J*aScript中的window.onload方法，两者都是要在页面加载完成以后加载的方法，但是这两者还是有很大区别的。最近遇到了这样的问题，查询了多篇文章，做一下总结。
简单来说，要以用以下张表来表示：
Jquery的ready()与J*ascrpit的load()
window.onload()$(document).ready()
加载时机
必须等待网页全部加载完毕（包括图片等），然后再执行JS代码
只需要等待网页中的DOM结构加载完毕，就能执行JS代码
执行次数
只能执行一次，如果第二次，那么第一次的执行会被覆盖
可以执行多次，第N次都不会被上一次覆盖
举例
以下代码无法正确执行：
window.onload= function(){ alert(“text1”);};
window.onload= function(){ alert(“text2”);};
结果只输出第二个
以下代码正确执行：
$(document).ready(function(){alert(“Hello”)});
$(document).ready(function(){alert(“Hello”)});
结果两次都输出
简写方案无$(function(){})
一般情况下window的load()都是用来设置body标签的onload*.但onload*是要在页面的元素全部加载完了才触发的,这也包括页面上的图片，以及大的表格数据。如果页面上图片较多或图片太大,加载需要较多时间，就会导致页面无响应，或者用户做了其它*作了。
而Jeuery中的ready()则是在页面的dom(节点)加载完后就可以做相应的*作,而不用等待全部元素加载完成.比如只知道页面某处有一张图片，而不一定要等它显示出来就可以为它绑定点击方法。
load()一般不建议使用，这里主要讲一下($(selector).ready())。
原理:
在jquery脚本加载的时候,会设置一个isReady的标记,监听DOMContentLoaded*(这个不是什么浏览器都有的,不同浏览器,jquery运作方式不一样).当然遇到调用ready函数的时候,如果isReady未被设置,那就是说页面未加载完,就会把要执行的函数用一个数组缓存起来,当页面加载完后,再把缓存的函数一一执行.
Jquery中的详细代码分析:
ready: function(fn){//绑定监听器bindReady();//如果 DOM加载完成if( jQuery.isReady)//马上运行此函数fn.call( document, jQuery);//否则保存起来else//把函数加入缓存数组中jQuery.readyList.push( function(){ return fn.call(this, jQuery);});return this;
}
当然，jquery对不同的浏览器dom加载完成的通知 bindReady()函数也是不同的
var readyBound= false;function bindReady(){if( readyBound) return;
readyBound= true;// Mozilla,opera,webkitnightlies支持DOMContentLoaded*if( document.addEventListener&&!jQuery.browser.opera)//直接使用*回调即可document.addEventListener(“DOMContentLoaded”, jQuery.ready, false);//如果是ie并且不是嵌在frame中//就需要不断地检查文档是否加载完if( jQuery.browser.msie&& window== top)(function(){if(jQuery.isReady) return;try{document.documentElement.doScroll(“left”);
} catch( error){setTimeout( arguments.callee, 0);return;
}// and execute any waiting functionsjQuery.ready();
})();if( jQuery.browser.opera)
document.addEventListener(“DOMContentLoaded”, function(){if(jQuery.isReady) return;for(var i= 0; i< document.styleSheets.length; i++)
if(document.styleSheets[i].disabled){
setTimeout( arguments.callee, 0);return;
}// and execute any waiting functionsjQuery.ready();
}, false);if( jQuery.browser.safari){var numStyles;
(function(){if(jQuery.isReady) return;if( document.readyState!=”loaded”&& document.readyState!=”complete”){
setTimeout( arguments.callee, 0);return;
}if( numStyles=== undefined)
numStyles= jQuery(“style, link[rel=stylesheet]”).length;if( document.styleSheets.length!= numStyles){
setTimeout( arguments.callee, 0);return;
}// and execute any waiting functionsjQuery.ready();
})();
}// A fallback to window.onload, that will always workjQuery.event.add( window,”load”, jQuery.ready);
}
}
jquery在实际开发中,一般推荐使用什么版本
这个并没有一个固定的答案，需要根据项目需求来定（就是你这个项目要兼容哪些平台，具体的兼容情况是怎么样的），不同的版本对浏览器的支持程度是不一样的。
jQuery1.x版本的框架时兼容所有IE浏览器的，而2.x版本的jQuery框架并不支持低端IE浏览器。此处的低端IE浏览器指的是IE8版本以及8版本以下。所以，对于需要全兼容的项目，就不得不使用1.x版本啦。
当前3.2.1版本支持情况：
PC端
Chrome:(Current- 1) and Current
Edge:(Current- 1) and Current
Firefox:(Current- 1) and Current
Internet Explorer: 9+
Safari:(Current- 1) and Current
Opera: Current
移动端
Stock browser on Android 4.0+
Safari on iOS 7+
资料来源：
HTML5学堂
jquery怎么获取当前元素的父元素
这样：
<ul class=”parent1″>
<li><a href=”#” id=”item1″>jquery获取父节点</a></li>
<li><a href=”#”>jquery获取父元素</a></li>
</ul>
扩展资料：
注意事项
parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。
可以看出parent的取值很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。
<div id='div1'>
<div id='div2'><p></p>
</div><div id='div3' class='a'><p></p></div>
<div id='div4'><p></p></div>
</div>
有什么好的学习j*ascript的网站
学习js的网站，我就说几个学习的思路吧，一个是学习基础，这个的话呢，个人感觉去官方网站比较靠谱，比如说mdn这些的，如果有能力的话，可以看一些规范文档，对你深入的理解这个语言的执行原理很有帮助。
另一个是用，怎么用呢，说白了就是尝试着实现以下网上的一些效果啥的，看他们的源码，来看看自己能不能理解，如果同样给自己同样的效果，自己能否实现出来，怎么实现，这个的网站，同时在看的过程中，也可以积累些使用的经验。这个的话，推荐jquery插件库
还有一个就是查漏补缺，因为每个人的学习路线是不太一样的，所以说一般来说，难免都会有一些知识盲点，在这种情况下，通过刷题的方式，是比较高效的，知道问题，才能解决问题，知道其原理，对相关知识点也会懂得更多，这个的话，推荐刷题网
如果要是对j*ascript基础已经很熟悉了，那么你就可以尝试下看相关插件或者框架的源码，看下你平时使用到的插件和框架本身，人家是怎么实现的，具体思想是什么。
码了很多字，希望采纳哦，顺便多点几个赞，哈哈
本文链接：http://www.okyx8.com/html/87962772.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件举报，一经查实，本站将立刻删除。
相关推荐
-
妖精的尾巴138 求妖精的尾巴1~138所有OP,ED的名字
求妖精的尾巴1~138所有OP,ED的名字 片头曲 OP 序数 歌曲名 歌手 话数 OP1 Snow Fairy FUNKIST 1-11 OP2 S.O.W.センスオブワンダー アイドリング!!! 12-24 OP3 FT. FUNKIST 25-35 OP4 R.P.G .~Rockin' Playing Game SuG 36-48 OP5 エ…
-
学生报名系统 大学报名入口*登录
学校网上报名怎么报网上报名学校： 1、首先我们在浏览器中找到当地的**，点击进去。 2、跳转“小学入学信息采集入口”和“初中入学信息采集入口”下方有各个学校招生报名的时间，根据自己孩子的实际情况选择报名入口。 3、填写孩子的身份证号、登录密码和验证码填写完成点击登录按钮。 4、点击“我已阅读并同意以上内容”进入下一步。 5、城区公办学校报名入口乡镇公办学校报…
-
wingdings2字体下载 wingdings字体生成器
win7系统中没有wingdings2字体怎么办可以先从网上下载这个字体，可以百度搜索下载。 安装方法有三 方法一： 直接双击字体文件。 点击并等待安装完成。 方法二： 打开文件夹路径C:\Windows\Fonts。 将字体文件复制或粘贴到此目录。 方法三： 打开控制面板。（win7以下系统可直接在开始菜单打开，win7以上可按Win+X组合键，再点击控制…
-
出租深圳写字楼(深圳写字楼在哪租)
深圳出租写字楼流程有哪些 写字楼出租的流程： 一、明确*需要的面积范围比如400－500平米，以及具体的可使用面积。明确你要租的地址范围按照商圈或者区域划分皆可。明确最高可承受的价格比如5元／平米／天，可接受的价格是否包括物业和取暖。 二、明确租赁用途明确将租赁的写字楼作何办公用途。明确各项费用的细则5－1租金的支付方式明确租赁日期和房租交付方式。表明租金的…
-
洛诗涵和战寒爵全文免费(小说《幸孕宠妻》结局,洛诗涵和战寒爵最后在一起了吗)
小说《幸孕宠妻》结局,洛诗涵和战寒爵最后在一起了吗 洛诗涵和战寒爵最后在一起了。 《幸孕宠妻：战爷，晚安！》是言安倾心创作的一本豪门总裁言情小说，讲述了爱了两世却依然无好果的洛诗涵与强势且霸道的战寒爵之间的故事， 剧情非常吸引人的一本小说，快来和我一起看看吧~~ 这部小说是作者延安创作的现代言情小说。小说内容还是很有意思，挺好的。希望所有的爱书人都喜欢这部小…
-
测手机号码好坏，手机号与家居风水的关系
手机号码测吉凶到底准不准手机号码测吉凶不准，它主要利用人们对未知的人生命运走势的好奇心。通过手机号码测吉凶，制造悬念来套取个人信息，或者是骗取钱财。所谓的手机号码测吉凶都是无稽之谈，以博取信任换取利益。 一、手机号码测吉凶不准，是盗取个人信息的手段 网络上随处可以看到，关于用手机号码就可以预测吉凶的小广告。其*作方法极为简单便捷，只要用户点击进去，按照页面提…
-
织梦下载站源码？dede织梦网站源码去哪里下载好
怎么样把网上下载的织梦源码,安装到本地进行开发测试 怎么样把网上下载的织梦源码，安装到本地进行开发测试 网上下载的模板分为整站和织梦静态页面模板，整站直接上传到根目录，运行htt:域名/install安装即可 静态页面，先看下编码是不是一样，页面时gbk织梦也要用GBK，如后把模板文件放到templets/default中，然后新建栏目，添加内容，生成网站，…
-
长春到沈阳的火车时刻表？吉林到沈阳的火车时刻表
长春到沈阳动车时刻表,还有普通火车时刻表。车次,始发站,终点站,车辆类型,发站,发时,到站,到时,里程,历时,硬座,软座,硬卧中,软卧下 T298牡丹江北京空调特快长春 00:06沈阳北 02:44 300 02:38 43.5- 94.5 141.5 T40齐齐哈尔北京空调特快长春 00:12沈阳 02:56 303 02:44 21.5- 37 58 2…
-
一亩田鸡蛋网(一亩地青蛙能挣多少)
徐府山珍土鸡蛋好吗 好。 徐府山珍土鸡蛋的蛋壳洁净光泽度高、蛋黄凝结度高、蛋黄、蛋白、蛋清层次分明,富含蛋白质、氨基酸、卵磷脂和优质胆固醇等人体新陈代谢所必须的营养物质。徐府山珍无抗初产蛋是小母鸡发育至110~130天左右所产下的第一窝蛋，每只鸡平均要蓄3~9天的营养才能产下一枚鸡蛋。厚积而薄发，浓缩鸡蛋精华，与常见鸡蛋想必，初产蛋个头较小，蛋壳坚硬，但营养…
-
上海高金全球金融科技师？全球金融大会
特许全球金融科技师CGFT证书一级授课的老师有哪些授课老师包括： 1、李峰教授负责《会计及财务分析基础》，他是芝加哥大学工商管理学(会计和金融经 济领域)博士，是上海交大高金学院会计学教授，是上海高金金融研究院联席院长、*金融研究院副院长，同时是CGFT学术委员会*； 2、严弘教授负责《金融学基础》，加州伯克利分校金融学博士，上海交通大学上海高…
.jpg "出租深圳写字楼(深圳写字楼在哪租)")
.jpg "洛诗涵和战寒爵全文免费(小说《幸孕宠妻》结局,洛诗涵和战寒爵最后在一起了吗)")
.jpg "一亩田鸡蛋网(一亩地青蛙能挣多少)")