如何用jquery动态修改元素的display属性
6个回答
展开全部
可以使用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代码之前：
运行的之后：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div id="div1">sdfsdfsdfsd</div>
$("#div1").attr("display","block");
$("#div1").css("display","block");
都行
$("#div1").attr("display","block");
$("#div1").css("display","block");
都行
追问
我的元素是放在表格中的。。。、、、
追答
只要他有class id 你想怎么改都行 你想咋样
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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>
http://www.phping.info phper晋级之路
<html xmlns="http://www.w3.org/1999/xhtml">
<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>
http://www.phping.info phper晋级之路
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$('table td').hide();//show()
追问
我不是整个表格影藏，只是表格中某个元素（单元格里的）。。。、、、
追答
你那个单元格总有特点吧？
你的讲出来啥~~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div id="div1">sdfsdfsdfsd</div>
$("#div1").attr("display","block");
$("#div1").attr("display","block");
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
