jQuery로 td 높이를 수정하는 방법: 1. attr() 메서드를 사용하고 구문 "$("td").attr("style","height: height value;");"; method 의 경우 구문은 "$("td").css("height","height value");"입니다.
이 튜토리얼의 운영 환경: 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의 높이를 수정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!