使用 jQuery 覆盖 css

发布于 2024-10-06 19:08:08 字数 262 浏览 0 评论 0原文

使用jquery可以如图所示覆盖td宽度

<table>
<tr>
<td width="30%"></td>
<td width="70%" id="description"></td>
</tr>
</table>

<script>
 $("#description").css({"width":"30%"})
</script>

原文

Using jquery can td width be overwritten as shown

<table>
<tr>
<td width="30%"></td>
<td width="70%" id="description"></td>
</tr>
</table>

<script>
 $("#description").css({"width":"30%"})
</script>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

妖妓 2024-10-13 19:08:08

将所有 jQUery 代码放入文档就绪事件中。

$(function(){
     $("#description").removeAttr("width").css({"width":"30%"});
});

宽度应该在样式内部设置，而不是作为属性。先去掉属性，再设置样式。如果您可以使用类，那么这将是最好的方法。

.elwidth
{
    width: 30%;
}

 $(function(){
         $("#description").removeAttr("width").addClass("elwidth");
 });

Put all your jQUery code inside document ready event.

$(function(){
     $("#description").removeAttr("width").css({"width":"30%"});
});

width should be set inside style and not as an attribute. First remove the attribute and then set the style. If you can use a class then it will be the best approach.

.elwidth
{
    width: 30%;
}

 $(function(){
         $("#description").removeAttr("width").addClass("elwidth");
 });

回复收藏 0 原文

-小熊_ 2024-10-13 19:08:08

简短的回答：是的。

<table>
  <tr>
    <td id="firstCell" width="30%">...</td>
    <td id="secondCell" width="70%">...</td>
  </tr>
</table>

<script>
  $("#firstCell").attr("width", "40%");
  $("#secondCell").attr("width", "60%");
</script>

尽管您不应该使用 width 属性，但应使用 CSS 属性来设置表格单元格的宽度。

Short answer: yes.

<table>
  <tr>
    <td id="firstCell" width="30%">...</td>
    <td id="secondCell" width="70%">...</td>
  </tr>
</table>

<script>
  $("#firstCell").attr("width", "40%");
  $("#secondCell").attr("width", "60%");
</script>

Although you shouldn't be using width attributes, rather use CSS properties to set the widths of table cells.

回复收藏 0 原文

~没有更多了~