引用jQuery库文件的<script>标签,必须放在引用自定义脚本文件的<script>标签之前。否则,在编写的代码中将不能引用到jQuery框架
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript"> $(document).ready(function(){ alert("欢迎收看:后盾网视频教程"+"\n"+"JQuery实战视频教程"); });
其中的引用库文件的标签要放在后面自定义的标签的前面,不然不能实现弹出对话框的效果
等待页面加载完毕
$(document).ready(function(){ });
点击的时候执行的方法,其中的.hdw是class的名字
$(document).ready(function(){ $('a').click(function(){ alert("后盾网教程"); }); $('input:text').click(function(){ alert("这是文本框弹出的内容"); }); $('input:checkbox').click(function(){ alert("这是BOX的弹出内容"); }); $('.hdw').click(function(){ alert("这是DIV弹出的内容"); }); });