jQuery 什么是文档就绪的,应该如何使用?
示例
jQuery代码通常被包装起来,jQuery(function($){...});以便仅在DOM完成加载后才能运行。
<script type="text/javascript">
jQuery(function($) {
// this will set the div's text to "Hello".
$("#myDiv").text("Hello");
});
</script>
<div id="myDiv">Text</div>这很重要,因为jQuery(通常是JavaScript)无法选择尚未呈现到页面的DOM元素。
<script type="text/javascript">
// no element with id="myDiv" exists at this point, so $("#myDiv") is an
//空选择,这将无效
$("#myDiv").text("Hello");
</script>
<div id="myDiv">Text</div>请注意,可以通过将自定义处理程序传递给方法来为jQuery命名空间添加别名。这在其他JS库使用与jQuery相同的缩短别名( 会产生冲突)的情况下很有用。为了避免这种冲突,您必须调用-这迫使您仅使用默认的jQuery名称空间(而不是短别名)。通过将自定义处理程序传递给处理程序,您将能够选择别名来使用jQuery。.ready()$$.noConflict();$
.ready()
$.noConflict();
jQuery( document ).ready(function( $ ) {
//在这里我们可以使用'$'作为jQuery别名,而不会与其他冲突
//使用相同名称空间的库
$('body').append('<div>Hello</div>')
});
jQuery( document ).ready(function( jq ) {
//在这里,我们使用自定义jQuery别名“jq”
jq('body').append('<div>Hello</div>')
});使用该$(document).ready函数不仅可以将jQuery代码放在页面底部,还可以确保所有HTML元素均已呈现,并且整个文档对象模型(DOM)已准备就绪,可以执行JavaScript代码。