jQuery 学习笔记1 弹出一个对话框
这里推荐使用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弹出了一个对话框。
结果如下: