jQuery 学习笔记1 弹出一个对话框

时间:2021-09-29 09:37:33

这里推荐使用sublime text 2来写,外加zen coding。

首先是写html

只需要html:xt,然后tab就可以得到一个html的完整结构。

<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>弹出一个对话框</title>
</head>
<body> </body>
</html>

然后将当前目录下的js文件加载进来

<script type="text/javascript" src="./js/jquery-1.9.1.min.js"></script>

加载好js后,我们就可以用jquery的方法了。

	<script>
$(document).ready(function(){
alert(“这是一个弹出的对话框”);
}
);
</script>

这段代码的意思是,当页面加载完成后,执行某个函数。

$(document).ready();

将函数放在ready中。

这里的函数使用alert弹出了一个对话框。

结果如下:

jQuery 学习笔记1 弹出一个对话框