Jquery知识点一 Jquery的ready和Dom的onload的区别
时间:2021-09-13 08:01:05|栏目:jquery|点击: 次
所以相对来说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>
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>
栏 目:jquery
本文标题:Jquery知识点一 Jquery的ready和Dom的onload的区别
本文地址:http://www.codeinn.net/misctech/174647.html