jquery学堂 jquery怎么获取当前元素的父元素

大家好，今天来为大家解答jquery学堂这个问题的一些问题点，包括jquery怎么获取当前元素的父元素也一样很多人还不知道，因此呢，今天就来为大家分析分析，现在让我们一起来看看吧！如果解决了您的问题，还望您关注下本站哦，谢谢~

jquery在实际开发中,一般推荐使用什么版本

这个并没有一个固定的答案，需要根据项目需求来定（就是你这个项目要兼容哪些平台，具体的兼容情况是怎么样的），不同的版本对浏览器的支持程度是不一样的。

jQuery1.x版本的框架时兼容所有IE浏览器的，而2.x版本的jQuery框架并不支持低端IE浏览器。此处的低端IE浏览器指的是IE8版本以及8版本以下。所以，对于需要全兼容的项目，就不得不使用1.x版本啦。

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中$ready和window.onload的区别

做web开发时常用Jquery中$(document).ready()和JavaScript中的window.onload方法，两者都是要在页面加载完成以后加载的方法，但是这两者还是有很大区别的。最近遇到了这样的问题，查询了多篇文章，做一下总结。

简单来说，要以用以下张表来表示：

Jquery的ready()与Javascrpit的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怎么获取当前元素的父元素

这样：

<ul class="parent1">

<li><a rel="external nofollow" rel="external nofollow" href="#" id="item1">jquery获取父节点</a></li>

<li><a rel="external nofollow" rel="external nofollow" 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>

关于jquery学堂到此分享完毕，希望能帮助到您。