jQuery技术

编写第一个简单的jQuery应用

字号+ 作者: 来源: 2014-11-16 22:49 我要评论( )

在页面加载时,弹出一个模式对话框,显示“您好,欢迎来到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(){
 //程序段
})

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
(