您的位置:首页 > Web前端 > JQuery

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

2015-09-10 21:08 676 查看
引用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弹出的内容");

});

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: