jquery text html width heigth的用法
生活随笔
收集整理的這篇文章主要介紹了
jquery text html width heigth的用法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<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>
?
轉載于:https://www.cnblogs.com/wanguofeng/p/10783920.html
總結
以上是生活随笔為你收集整理的jquery text html width heigth的用法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： note 11 字典
- 下一篇： 转载 1-EasyNetQ介绍（黄亮翻