在页面加载时,弹出一个模式对话框,显示“您好,欢迎来到jQuery世界”字样,单击“确定”按钮后关闭该窗口。
在页面中加入如下代码:
<script type="text/javascript"> $(document).ready(function() { alert("您好,欢迎来到jQuery世界"); }) </script>
在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,无论是页面元素的选择、功能函数的前缀,都必须使用该符号,可以说它是jQuery程序的标志。
在上述文件代码中,有一段如下代码:
$(document).ready(function(){ //程序段 })
该段代码类似于传统的JavaScript代码:
window.onload=function(){ //程序段 }
虽然上述两端代码在功能上相同,但是它们之间又有区别:
1.执行时间不同$(document).ready在页面框架加载完毕后执行;而window.onload必须在页面全部加载完毕后才能执行。
2.执行数量不同$(document).ready可以重复写多个,并且每次执行结果不同;而window.onload尽管可以执行多个,但仅输出最后一个执行结果,无法完成多个结果的输出。
$(document).ready(function(){ //程序段 })
可以简写成
$(function(){ //程序段 })