• 技术文章 >web前端 >js教程

    jQuery怎么修改td的高

    青灯夜游青灯夜游2021-11-22 11:52:52原创64

    jQuery修改td高的方法:1、使用attr()方法,语法“$("td").attr("style","height: 高度值;");”;2、使用css()方法,语法“$("td").css("height","高度值");”。

    本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

    jQuery怎么修改td的高

    1、使用attr()方法

    attr() 方法可设置被选元素的属性值。

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<script src="js/jquery-1.10.2.min.js"></script>
    		<script type="text/javascript">
    			$(document).ready(function() {
    				$("button").click(function() {
    					$("td").attr("style","height: 50px;");
    				});
    			});
    		</script>
    
    	</head>
    	<body>
    		<table border="1">
    			<caption>人物信息</caption>
    			<tr>
    				<th>姓名</th>
    				<th>年龄</th>
    			</tr>
    			<tr>
    				<td>Peter</td>
    				<td>20</td>
    			</tr>
    			<tr>
    				<td>Lois</td>
    				<td>20</td>
    			</tr>
    		</table><br />
    		<button>修改td的高</button>
    	</body>
    </html>

    1.gif

    2、使用css()方法

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<script src="js/jquery-1.10.2.min.js"></script>
    		<script type="text/javascript">
    			$(document).ready(function() {
    				$("button").click(function() {
    					$("td").css("height","50px");
    				});
    			});
    		</script>
    
    	</head>
    	<body>
    		<table border="1">
    			<caption>人物信息</caption>
    			<tr>
    				<th>姓名</th>
    				<th>年龄</th>
    			</tr>
    			<tr>
    				<td>Peter</td>
    				<td>20</td>
    			</tr>
    			<tr>
    				<td>Lois</td>
    				<td>20</td>
    			</tr>
    		</table><br />
    		<button>修改td的高</button>
    	</body>
    </html>

    2.gif

    相关视频教程推荐:jQuery教程(视频)

    以上就是jQuery怎么修改td的高的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:jQuery 修改td的高
    上一篇:jquery怎么替换类样式 下一篇:jquery怎么删除指定元素后的兄弟节点
    php中文网线上培训班

    相关文章推荐

    • jquery怎么为标签增加属性• jquery怎么改变行内样式• jquery怎么删除样式• 用jquery可以加样式吗• jquery接收不到数据怎么办

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网