jquery使用,jquery是什么 _按钮

文章插图
jquery 实现DIV的弹出：

文章插图
$(function(){
//点击按钮，DIV弹出隐藏
$('#btn1').toggle(function(){
$('#div1').show();
},function(){
$('#div1').hide();
});
//点击按钮，DIV弹出，点击body任意地方隐藏div
$('#btn2').click(function(){
if(event&&event.stopPropagation){
//thiscodeisforMozillaandOpera
event.stopPropagation();
}
elseif(window.event){
//thiscodeisforIE
window.event.cancelBubble=true;
}
$('#div2').show();
});
$(document).click(function(){
$('#div2').hide();
});
});以上都必须要基于，div的css是合理的。

其中event.stopPropagation(); 和window.event.cancelBubble = true; 是阻止事件冒泡的写法，建议自行百度学习。

css：
/*水平垂直居中的div*/
#div1,#div2{
position:fixed;
top:50%;
left:50%;
background:red;
width:100px;
height:100px;
margin:-50px00-50px;
display:none;
}

同样的功能有很多插件，例如fancybox，fancyzoom等
追问谢谢你的，可能是我没有描述清楚,body上的任何地方也包括按钮，比如，点击按钮，div显示了，然后点击body或者按钮这DIV隐藏....
jQuery 弹出框如何实现？：

文章插图
比如定义一个按钮点击时显示div所在内容作为弹出框
<script>
$(document).ready(
function(){
$("btn").click(
function(){
$("showMessage").show();});
});
</script>
<input type="buttom" id="btn" text="按钮"/>
<div id="showMessage" style="display:none;">showMessage</div>
怎样用jquery做一个弹出的输入框？：

文章插图
1、新建并保存一个html文档，进入html代码编辑页面。
2、写一个input文本输入框，并定义ID，然后写一个按钮，并定义ID 。
3、要做的效果就是点击按钮为输入框赋值，然后把输入框和按钮的css样式写好，不写样式也可以。
4、引入jquery文件，路径要正确，写jquery代码，打开浏览器测试一下，点击按钮之后，输入框内就会自动输入赋值的内容。
jquery如何弹出一个新的页面？：