jQuery学习笔记——弹出对话框

引用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弹出的内容");

        });    

    });