jquery text html width heigth的用法
阿新 • • 發佈：2019-04-28
width ack 就是 innertext title charset eight itl outer
<body> <div id="div1"> <h3>我是標題</h3> </div> <div id="div2"> <p>我是p標簽</p> script src="jquery-1.12.4.js"></script> <script> $(function () { //html:相當於innerHTML text:相當於innerText //獲取 console.log($("div").html()); //<h3>我是標題</h3> console.log($("p").text()); //我是p標簽 //設置 $("div h3").html("<p>我是文本</p>"); $("p").text("我是文本"); }); </script> </body>
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 200px; height: 200px; background-color: red; padding: 10px; border: 10px solid #000; margin: 10px; } </style> </head> <body> <div></div><script src="jquery-1.12.4.js"></script> <script> $(function () { //width與height的用法一樣 //獲取div的寬度 console.log($("div").css("width")); //設置div的width $("div").css("width", "400px"); $("div").css("height", "400px"); //直接獲取到的是數字 //就是獲取的width的值 console.log($("div").width()); //width console.log($("div").innerWidth()); //padding + width console.log($("div").outerWidth()); //padding + width + border console.log($("div").outerWidth(true)); //padding + width + border + margin }); </script> </body> </html>
jquery text html width heigth的用法