jquery隐藏div,jquery隐藏元素的方法
怎样用Jquery 显示和隐藏div
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
怎么用js来显示或隐藏一个div?很简单,下面一起来看一下。
01
首先我们创建一个div,和一个按钮。用按钮的点击来控制div的显示或隐藏。
02
添加一个样式名叫hide的样式,主要是设置display=none,即隐藏。
03
接着用js来实现显示,隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式,有则删除这个样式,即显示div。如果没有,则添加一个hide的样式,即隐藏div。
04
运行页面,我们点击按钮,如果div是正在显示的,点击后就会隐藏,如果是隐藏状态的,点击后就会显示。
如何获取Jquery隐藏div里面的input值??
根据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
}
);
名称栏目:jquery隐藏div,jquery隐藏元素的方法
网页网址:http://pwwzsj.com/article/hojoed.html