WWW.lllT.neT
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>
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>
有关教程视频建议:jQuery实例教程(短视频)
以上便是jQuery怎么修改td的高的详尽具体内容,大量请关心自学java网其他相关文章!
WWW.lllT.neT声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!
原文地址:jQuery怎么修改td的高发布于2021-12-11 15:27:01