Переопределить CSS с помощью JQuery

Question

Используя jquery, можно изменить ширину td, как показано

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

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

Answer 1

Поместите весь свой код jQUery в событие готовности документа.

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

ширина должна быть установлена ​​внутри стиля, а не как атрибут. Сначала удалите атрибут, а затем установите стиль. Если вы можете использовать класс, то это будет лучший подход.

.elwidth
{
    width: 30%;
}

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

Answer 2

Краткий ответ: да.

<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 для установки ширины ячеек таблицы.