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.ahdhgm.com/html/87960820.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件举报，一经查实，本站将立刻删除。
相关推荐
-
狂神2全文阅读(沧元图全文免费阅读)
狂神作者真名叫什么唐家三少 （网络原创的舒马赫) 个人档案 姓名：张威 笔名：唐家三少 身高：190CM 体重：85KG 学历：法律本科 出生年月：1981年1月10日 曾工作于CCTV 职业：起点网签约作者 作品集 《空速星痕》[玄幻类] 黑暗异能充满了吞噬,空间异能充满了神秘?两种不同的能力,同时出现在一个人的身上眼神也可以杀人么?那是空间的力量?男人也…
-
异界全职业大师下载(异界全职业大师免费阅读全文)
异界全职业大师电子书txt全集下载异界全职业大师 txt全集小说附件已上传到百度网盘，点击免费下载： 内容预览： 听说要封推，紧张得不行…… 首先感谢起点，没有起点这个平台，就没有写手展示自己的机会。 然后感谢我们五组的314编辑，地精编辑，白开水编辑。 再然后，感谢高楼大厦，感谢CLOSEADS，感谢唐家三少，感谢骷髅精灵，感谢牛棚所有人，能认识你们，是本…
-
富川二手房网 惠州富川瑞园二手房均价*一平米
宁波房产网站*新房哪家好 你要买新房直接去网上搜吧，直接搜索楼盘名字，或者按照区域查找你要买的地方的楼盘都可以的，去宁波房产超市网吧，这个网站不错。 惠州富川瑞园二手房均价*一平米 下面是看房网现在在售二手房价格，仅供参考： “富川瑞园 3室2厅1厨1卫 92.28m_毛坯 3室2厅、92.28_、毛坯、高层(共18层)、南、2010年建 仲恺-…
-
青岛开发区信息网？青岛信息港*
青岛有哪些开发区青岛经济技术开发区（简称：青岛开发区）是1984年10月经*批准设立的*级开发区之一，青岛开发区于1985年3月28日正式动工兴建。1992年，开发区与原青岛市黄岛区体制、区划合二为一。1995年在薛家岛街道设立了省级凤凰岛旅游度假区。2006年，青岛西海岸出口加工区设立；2008年，青岛前湾保税港区设立。2014年6月西海岸新区成立，第九个…
-
红姐统一彩图库？红姐彩色统一图库
有谁知道新红姐统一图库的信息啊 随着动漫在全国范围的普及动漫周边产品的市场前景越来越广，动漫店成为漫迷们购买动漫周边产品的主要场所，正是如此，开动漫店吸引着大量创业者，再加上国内外热门游戏的盛行，相关游戏周边市场如同动漫产品一样有着广阔的市场，手办、模型、高达、各种游戏周边、DIY礼品定制、动漫cosplay摄影、动漫cosplay服装道具等这些在动漫店里销…
-
山西应届生求职网(*银行管培生综合岗待遇(山西)怎么样)
应届生销售简历范文3篇 简历对于想做销售的应届生来说，具有着重要的现实意义。下面是由我分享的应届生销售简历范文，希望对你有用。 应届生销售简历范文(一) 杨xx 两年以上工作经验|女|25岁(198x年1月1日) 居住地：上海 电话：138********(手机) 最近工作[1年8个月] *：XX房地产有限* 行业：房地产开发 职位：销售最高学历 学历：本科…
-
安如初莫琛小说免费阅读，安如初莫琛的小说叫什么名字
*名字叫安如初是什么小说 你好，*叫安如初男主叫莫琛的小说是《前妻很抢手：老婆我们复婚吧》，内容韵味无穷，令人百看不厌。莫琛安如初小说精选：顾倾城的声音显得有些疲惫，“有个酒会推不了，你呢？在国内还习惯么？”“嗯，还可以。”安如初脖子夹着手机，收拾好东西，准备下班吃饭。“你啊！总是那么漫不经心的样子，总要多个心眼。”带着明显的担忧。 安如初莫琛的小说叫什么名…
-
安阳房产信息，安阳信息网房产频道
安阳嘉洲的房子能烂尾吗能。 因为这里的房子至今因各种质量问题、虚假宣传等问题未交房，室内房顶、地面裂纹、墙面空鼓、窗户漏水。严售楼部展示和当时销售介绍入户门的都是外开，实际是内开，窗户售楼展示介绍的是断桥铝内开内倒三层两腔钢化玻璃，实际是部分断桥铝内开两层玻璃，且玻璃没有3c标志，部分铝合金平开两层玻璃，小区绿化和配套设施和售楼部展示的严重不符，虚假宣传，欺…
-
西南科技大学录取查询，西南科技大学录取分数线
西南科技大学音乐学院录取分数线 480分。根据查询西南科技大学*发布的信息得知，截止2023年7月4日，该学校还没有公布2023年的分数线，2022年的录取分数线为480分。西南科技大学坐落于*科技城——四川省绵阳市。学校是四川省人民*与教育部共建高校，四川省人民*与*国防科技工业局共建高校。 西南科技大学招生代码是多少 西南科技大学招生代码是10619。 …
-
dota2网页商城？dota2plus商城怎么买饰品
dota2怎么在商城卖东西 没有steam商城，只有steam市场，而且steam市场里面卖的不只有dota2的东西，还包括steam里其他游戏的。 至于怎么切换，那就有两种办法了： 1、直接网页登录steam，然后依次登录steam账号，进入市场，选择要买的东西，然后确认付款，东西会直接送到你的库存里，登录dota2游戏后可以在仓库里看到。 2、下载ste…
怎么样).jpg "山西应届生求职网(*银行管培生综合岗待遇(山西)怎么样)")
