Jquery
参考书。锋利的Jquery
1.顶级对象 Jquery===$
2.多写注释
$(document).ready(function(){
alert(‘hello’);
});
(
d
o
c
u
m
e
n
t
)
.
r
e
a
d
y
(
f
u
n
c
t
i
o
n
(
)
a
l
e
r
t
(
′
h
i
′
)
;
)
;
/
/
(document).ready(function(){ alert('hi'); }); //
(document).ready(function()alert(′hi′););//(document).ready(),事件只要页面中的HTML标签都准备好了,构建好了documnet对象就会被触发,内部通过判断document.readyState属性决定什么时候触发
简写 $(function(){
alert(hello);
});
//完全等于window.onload
$(window).load(function(){
alert(‘test’);
});
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-3.5.0.js"></script>
<script type="text/javascript">
$(document).ready(function () {
alert('我是麻烦的hell world')
});
//推荐写法
$(function () {
alert('我是简写的hello world');
});
$(function () {
alert('我们可以多次写并不会覆盖哦。');
});
//3.0中已经废弃了window.load了
//$(window).load(function () {
// alert('我是相当于window.onload的HelloWorld');
//});
//但是有一种写法可以可以用,但是不建议。因为没有简化
$(window).on('load', function () {
alert('我是相当于window.onload的HelloWorld');
});
</script>
</head>
<body>
<input type="button" name="name" value="" />
</body>
</html>