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

    });