如何用jquery动态修改元素的display属性

如题所述

可以使用jQuery的css方法,css()需要传两个参数,第一个是css元素的名称,第二个为值,例如css("display",'none');

工具原料:编辑器、浏览器

1、使用css()方法来设置某一个元素的display属性,代码如下:

body>
<div id="div1">
test
</div>
<script>
$(function(){
$("#div1").css("display",'none');
})
</script>
</body>

2、以上代码中使用$("#div1")选择器选择到div元素,然后使用css方法来设置其display值为none将元素隐藏。

3、运行的代码如下:

没有运行js代码之前:

运行的之后:

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-10-07
<div id="div1">sdfsdfsdfsd</div>
$("#div1").attr("display","block");
$("#div1").css("display","block");
都行追问

我的元素是放在表格中的。。。、、、

追答

只要他有class id 你想怎么改都行 你想咋样

本回答被提问者和网友采纳
第2个回答  2011-11-03
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>display and hide</title>
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var click_me = $("#click_me");
var show_me = $("#show_me");
click_me.click(function(){
if(show_me.css('display') == 'none')
{
show_me.show();
click_me.text("点击隐藏");

}
else
{
show_me.hide();
click_me.text("点击显示");
}
});
})
</script>
</head>

<body style="width:960px;margin:0 auto; ">
<div><a id="click_me" href="javascript:;">点击显示</a></div>

<div id="show_me" style="display:none;margin-top:20px;">我来了</div>
</body>
</html>
phper晋级之路
第3个回答  2011-10-19
$('table td').hide();//show()追问

我不是整个表格影藏,只是表格中某个元素(单元格里的)。。。、、、

追答

你那个单元格总有特点吧?
你的讲出来啥~~

第4个回答  2011-10-19
<div id="div1">sdfsdfsdfsd</div>
$("#div1").attr("display","block");

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网