So ändern Sie die Breite von td mit jquery

WBOY
Freigeben: 2022-06-06 18:24:39
Original
2062 Leute haben es durchsucht

方法:1、利用“$("td元素")”获取td元素对象;2、利用css方法修改元素的width,语法为“td元素对象.css("width","改变后的宽度");”。css()方法用于设置或返回被选元素的一个或多个样式属性。

So ändern Sie die Breite von td mit jquery

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery怎么改变td的width

1、获取td元素对象

语法如下:

$("td元素")
Nach dem Login kopieren

2、css()方法修改width

css() 方法设置或返回被选元素的一个或多个样式属性。

如需返回指定的 CSS 属性的值,请使用如下语法:

css("propertyname");
Nach dem Login kopieren

如需设置指定的 CSS 属性,请使用如下语法:

css("propertyname","value");
Nach dem Login kopieren

示例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("td").css("width","200px");
  });
});
</script>
</head>
<body>
<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
<button>设置 </button>
</body>
</html>
Nach dem Login kopieren

输出结果:

So ändern Sie die Breite von td mit jquery

视频教程推荐:jQuery视频教程

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Breite von td mit jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage