Jquery中hide()方法表示隐藏，show()表示显示
多端合一响应式网站:PC+平板+手机,同一后台修改数据多端同步更新提交您的需求,获取网站建设与营销策划方案报价,我们会在1小时内与您联系!
示例：
测试
载入jquery框架文件
$(function(){
$('#btn').click(function(){
$div1=$('#div1');
if($div1.is(':hidden')){
$div1.show();
}else if($div1.is(':visible')){
$div1.hide();
}
});
});
怎么用js来显示或隐藏一个div？很简单，下面一起来看一下。
01
首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。
02
添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。
03
接着用js来实现显示，隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式，有则删除这个样式，即显示div。如果没有，则添加一个hide的样式，即隐藏div。
04
运行页面，我们点击按钮，如果div是正在显示的，点击后就会隐藏，如果是隐藏状态的，点击后就会显示。
根据input的class或者ID值定位元素，获得input的value值。
假设input的class为name：
var name = $('.name').val();
console.log(name);
或者是：
var name = $('.name').attr('value');
console.log(name);
扩展资料：
jQuery显示隐藏div的方法：
1、attr()：
隐藏div：$("#demo").attr("style","display:none;");
显示div：$("#demo").attr("style","display:block;");
2、css()：
隐藏div：$("#demo").css("display","none");
显示div：$("#demo").css("display","block");
3、hide()，show()：
隐藏div：$("#demo").hide();
显示div：$("#demo").show();
4、动态显示和隐藏：
$("#demo").toggle(
function () {
$(this).attr("style","display:none;");//隐藏div
},
function () { $(this).attr("style","display:block;");//显示div
}
);
