189 8069 5689

jquery如何绑定点击事件实现弹窗

这篇文章主要介绍了jquery如何绑定点击事件实现弹窗的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇jquery如何绑定点击事件实现弹窗文章都会有所收获，下面我们一起来看看吧。

成都创新互联公司服务项目包括城阳网站建设、城阳网站制作、城阳网页制作以及城阳网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，城阳网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到城阳省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

实现方法：1、用“元素对象.click(function(){})”语句给指定元素绑定点击事件，并设置处理函数；2、在函数中，设置“alert(信息)”、“confirm(信息)”或“prompt(提示,默认值)”来创建弹窗，显示指定信息。

jquery如何绑定点击事件实现弹窗

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery绑定点击事件实现点击弹窗效果

1、设置点击事件

利用click()给指定元素绑定点击事件，并设置事件处理函数。语法：

元素对象.click(function() {
	//点击事件发生后，执行的代码
});

在事件处理函数中，写入的代码就是点击后实现的效果代码

2、创建弹窗

在事件处理函数中，可添加alert()、confirm() 或prompt() 方法添加弹窗。

  • alert()创建警告框

  • confirm()创建确认框

  • prompt()创建提示框

1）、点击弹警告框

jquery如何绑定点击事件实现弹窗

2）、点击弹确认框

$(document).ready(function() {
	$("button").click(function() {
		confirm("一个确认框");
	});
});

jquery如何绑定点击事件实现弹窗

3）、点击弹提示框

$(document).ready(function() {
	$("button").click(function() {
		prompt("请输入您的名字","Bill Gates");
	});
});

jquery如何绑定点击事件实现弹窗

关于“jquery如何绑定点击事件实现弹窗”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“jquery如何绑定点击事件实现弹窗”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注创新互联行业资讯频道。


文章名称：jquery如何绑定点击事件实现弹窗
文章出自：http://jkwzsj.com/article/pgdejh.html

其他资讯