如何使用jquery实现点击按钮弹出一个对话框
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何使用jquery实现点击按钮弹出一个对话框相关的知识，希望对你有一定的参考价值。
有很多方法实现的，比如使用alert这种比较丑的弹框，比如btn.click(function()
window.alert('内容')
)；
或者是自己自定义的弹框，那这样的话你至少得套三个div，比如
<div>----->这个绝对定位到整个页面，如position:absolute;top:0;left:0;right:0;bottom:0;
<div>----->这个在父级元素上面做绝对定位，也就是弹框的位置
<div></div>---->弹框内容
</div>
</div>
或者是jQuery UI本身所附带的对话框功能，那个百度就出来了，不过不建议用那个，感觉比较丑，还是自己写一个好看
当然你也可以试着引入其他的UI框架，比如boot都有对话框的功能，不过建议自己写，用jQuery写也比较简单 参考技术A $("#buttonId").click(function ()
alert("你点击了我");
);本回答被提问者采纳
jquery怎么实现点击一个按钮控制一个div的显示和隐藏
试试 jquery的 toggle方法 或许对你有用
再附上例子吧，例子中的 jQuery库 你下载一下 引入文件就能看到效果：
<html><head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
$(".btn1").click(function()
$("div").toggle();
);
);
</script>
</head>
<body>
<button class="btn1">Toggle</button>
<div>This is a paragraph.</div>
</body>
</html> 参考技术A 1、最简单的一个按钮切换： $("input").click(function()$("div").toggle();)
2、两个按钮一关一开：$("input1").click(function()$("div").show();)
$("input2").click(function()$("div").hide(););
以上是关于如何使用jquery实现点击按钮弹出一个对话框的主要内容，如果未能解决你的问题，请参考以下文章
用jquery代码如何实现当我点击“查看”按钮时，在弹出窗口或弹出页面，显示数据库的详细数据
jquery如何实现点击按钮，按钮上面显示一个“+1”的提示
c#如何设置一个按钮，功能是:弹出颜色对话框,可以改变窗体的颜色