关于$(document).ready(function(){}) 一个容易被忽略的问题

Question

var $cr = $("#cr");  //jQuery对象
$cr.click(function(){
if($cr.is(":checked")){ //jQuery方式判断
alert("感谢你的支持!你可以继续操作！");
}
})
未放入 $(document).ready(function(){})  为什么会无效！

Answer 1

$(document).ready(function(){}) 这句是获取整个文档对象，之后才可以继续对文档中的元素进行操作。

Answer 2

$(document).ready(function(){}) 
在 body 的 onload 事件中执行你的 var $cr = $("#cr");  如果是在 id=cr 的标记加载完成之后执行的，那也是有效的

Answer 3

写个函数调用和使用$(document).ready(function(){}) 这种方式的区别在于什么

Answer 4

其实你可以把代码写到html标签的后面，应该也可执行

Answer 5

$(document).ready(function(){}) 
在 body 的 onload 事件中执行所以说,当代码执行到你获取文档对象也就是
var $cr = $("#cr");  //jQuery对象
并且试图监听事件的时候,看你放到位置来决定他有没有找到id为:ce的元素,或者说id为ce的元素有没有生成,完全取决于执行顺序,页面执行是从上到下的.所以若你的获取对象操作是在ce操作之前,是肯定获取不到的,也就无法对他进行监听.
所以,最保险的方法就是等整个文档加载完毕,也就是ready里面,再对对象进行监听 

Answer 6

掉不到的原因是画面是从上到下加载，有可能到执行到js的时候，画面的对象还没有生成呢，最保险的方法就是等整个dom对象加载完毕，也就是$(document).ready(function(){})中 或body 的 onload 事件中去执行

Answer 7

 $(document).ready(function(){})中的程序会在整个页面资源加载完成后执行，如果在外面获取var $cr = $("#cr");  //jQuery对象，这时候还没有生成id为cr的元素，肯定会有问题

Answer 8

$(document).ready(function(){
    //这里指向的是body.onload事件？
});下面这个我是截取的JQ里的代码：DOMContentLoaded = function() {
if ( document.addEventListener ) {
document.removeEventListener( "DOMContentLoaded", DOMContentLoaded, false );
jQuery.ready();
} else if ( document.readyState === "complete" ) {
// we're here because readyState === "complete" in oldIE
// which is good enough for us to call the dom ready!
document.detachEvent( "onreadystatechange", DOMContentLoaded );
jQuery.ready();
}
},好像指向的是 document.readyState === "complete" 吧？ 

Answer 9

var $cr = $("#cr"); 能取到值？