Jquery入门一:Jquery的ready和Dom的onload的区别
Jquery的ready和Dom的onload的区别:
- onload是所有dom元素创建完毕,图片、css等都加在完毕后才触发
- ready则是dom元素创建完毕后就被触发
所以相对来说jquery的ready可以提高网页的响应速度;
jquery:ready的标准写法:
$(document).ready(function() { alert("加载结束"); });
一个$(document)将dom对象的document转化为jquery对象,继而可以调用jquery的方法ready();因为dom对象是不可以调用jquery的方法的,虽然他们的关系很亲密;
jquery:ready的简写形式:
$(function() { alert("加载结束"); });
ready函数的一个主要作用就是为dom对象注册事件:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="../myjs/jquery-1.4.2.js" type="text/javascript"></script> <script type ="text/javascript" > $(function() { $("#clickme").click(function() { alert("我被点击了"); }); }); </script> </head> <body> <input type ="button" id="clickme" value ="点击我" /> </body> </html>