1JQ中显隐有以下几种方式
show(),hide(),toggle(),slideDown()然后还有css设置div的style属性都可 *** 作
2show()方法
显示出隐藏的 <p> 元素。
$("btn2")click(function(){
$("p")show();
});
3toggle()方法
toggle() 方法切换元素的可见状态。
如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。
<html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<script type="text/javascript">
$(document)ready(function(){
$("btn1")click(function(){
$("p")toggle(1000);
});
});
</script>
</head>
<body>
<p>This is a paragraph</p>
<button class="btn1">Toggle</button>
</body>
</html>
3slideDown()方法
以滑动方式显示隐藏的 <p> 元素：
$("btn2")click(function(){
$("p")slideDown();
});
4hide() 方法
隐藏可见的 <p> 元素：
$("btn1")click(function(){
$("p")hide();
});
这个函数经常与show一起使用
5css()方法
css() 方法设置或返回被选元素的一个或多个样式属性。
返回 CSS 属性
如需返回指定的 CSS 属性的值，请使用如下语法：
css("propertyname");
$("p")css("display","none");
实例：
<!DOCTYPE>
<html>
<head>
<meta >
2、然后写html代码，写一个input文本输入框id为inputId，写一个按钮，id为buttonId，这里要做的是点击按钮就为隐藏域的value赋值。
3、然后把输入框和按钮的css样式写好，当然不写样式也可以，这里主要是为了美化一下。
4、最后就是关键步骤了，引入jQuery文件，注意路径一定要正确，写jQuery代码。
5、打开浏览器测试一下，点击按钮之后输入框内自动输入了赋值的内容。
JQuery中元素是否显示或者隐藏，有两种方式，主要通过获取元素节点的hidden和visible两个属性来进行判断，代码如下：
var node=$('#id');
第一种写法
if(nodeis(':hidden')){//如果node是隐藏的则显示node元素，否则隐藏
nodeshow();
}else{
nodehide();
}
第二种写法
if(!nodeis(':visible')){//如果node是隐藏的则显示node元素，否则隐藏
nodeshow();
}else{
nodehide();
}
if(nodeis(':visible')){//如果node是显示的则隐藏node元素，否则显示
nodehide();
}else{
nodeshow();
}
具体代码怎么样呢你隐藏列用了什么方法隐藏的css还是style中的属性,如果是disabled的话就得不到值了,要readonly才能取到值,如果不是这个问题的话你看下你用dom *** 作时$(父容器)find('列表')这个Jquery方法是否找到了相对应的列详细你可以追问
$('#h'）click(function(){//点击隐藏，建议把td的id换成class，这样不管几个td几个tr都能用
if($('#td1')text()==""){
$('#td1')parent('tr')hide()
}
});
显示
$('#s'）click(function(){
$('tr')show()
});
代码性能不好，可以自己去完善
判断方法：
1、使用CSS属性
var display =$('#id')css('display');
if(display == 'none'){
alert("被你发现了，我是隐藏的啦！"
);}
2、使用jquery内置选择器
假设我们页面有这么个标签,
<div id="test"><p>仅仅是测试所用</p></div>
那么,我们可以用以下语句来判断id为"test"的标签是否隐藏:
if($("#test")is(":hidden")){} //前提是已经将jQuery的库导进来了
这样,我们就能够很简单地判断一个元素是否隐藏,并根据其状态来设置动,比如:
if($("#test")is(":hidden")){
$("#test")show(); //如果元素为隐藏,则将它显现
}else{
$("#test")hide(); //如果元素为显现,则将其隐藏
}
3、jQuery判断对象是否显示或隐藏
Js代码
// jQuery("#tanchuBg")css("display")
// jQuery("#tanchuBg")is(":visible")
// jQuery("#tanchuBg")is(":hidden")
扩展资料：
jQuery语言特点：
1、快速获取文档元素
jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。
2、提供漂亮的页面动态效果
jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。
3、创建AJAX无刷新网页
AJAX是异步的JavaScript和ML的简称，可以开发出非常灵敏无刷新的网页，特别是开发服务器端网页时，比如PHP网站，需要往返地与服务器通信，如果不使用AJAX，每次数据更新不得不重新刷新网页，而使用AJAX特效后，可以对页面进行局部刷新，提供动态的效果。
4、提供对JavaScript语言的增强
jQuery提供了对基本JavaScript结构的增强，比如元素迭代和数组处理等 *** 作。
5、增强的事件处理
jQuery提供了各种页面事件，它可以避免程序员在HTML中添加太事件处理代码，最重要的是，它的事件处理器消除了各种浏览器兼容性问题。
6、更改网页内容
jQuery可以修改网页中的内容，比如更改网页的文本、插入或者翻转网页图像，jQuery简化了原本使用JavaScript代码需要处理的方式。
参考资料：
以上就是关于如何通过jquery隐藏和显示元素全部的内容，包括:如何通过jquery隐藏和显示元素、jquery怎么给隐藏域的value赋值、怎样判断jQuery 元素是否显示与隐藏等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）