对jQuery的初步认识

最新推荐文章于 2021-04-09 10:51:55 发布

最新推荐文章于 2021-04-09 10:51:55 发布 · 134 阅读

文章标签：

#javascript #ViewUI

本文通过两个实例比较了JavaScript与jQuery在实现相同功能时的代码差异。一个实例使用jQuery简化了DOM加载完成后的弹窗提示操作，另一个实例则展示了纯JavaScript如何实现相同功能，并探讨了多次绑定事件的问题。

<html>
<head>
<title>弹出对话框2</title>
<script src="jquery.js" type="text/javascript"> //引入jQuery
</script>
<script type="text/javascript">
$(document).ready //等待dom加载完毕
(
function()
{
alert("我很快乐"); //弹出对话框并显示：我很快乐
}
);
$ //这里使用了缩写的形式:省去了(document).ready
(
function()
{
alert("我很幸福");//弹出对话框并显示：我很幸福
}
);

</script>
</head>
<body>
</body>
</html>

下面我用javascrip实现这个效果来比较一下javascript和jQuery的一些异同

javascript1：

<html>
<head><title>javascript</title>
<script type="text/javascript">
window.onload=function()
{
alert("youkuaiyun.com班是最棒的！")
};

window.onload=function() //这里不能缩写

{
alert("我是最棒的")
};//假如这样写的话最终输出的只有：“我是最棒的”，而不会输出“我是最棒的”

</script>
</head>
<body >
</body>
</html>

javascript2:

<html>
<head><title>javascript</title>
<script type="text/javascript">
function ok()
{
alert("youkuaiyun.com班是最棒的！")
};
</script>
</head>
<body onload="ok()">
</body>
</html>