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的用法相关推荐

jquery组件WebUploader文件上传用法详解
这篇文章主要为大家详细介绍了jquery组件WebUploader文件上传用法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 WebUploader是由Baidu WebFE(FEX)团队开发的一 ...
jquery中this与$(this)的用法区别.
2019独角兽企业重金招聘Python工程师标准>>> jquery中this与$(this)的用法区别.先看以下代码: $("#textbox").hover( ...
jquery ajax实例get,jQuery中ajax的get()方法用法实例
本文实例讲述了jQuery中ajax的get()方法用法.分享给大家供大家参考.具体分析如下: $.get()通过 HTTP GET请求从服务器上请求数据. 语法结构: $.get(url, [dat ...
jquery append()方法与html()方法用法区别
jquery append()方法与html()方法用法区别 [导读] append(content):方法在被选元素的结尾(仍然在内部)插入指定内容,有很多朋友觉得append与html差不多,其它 ...
jQuery框架的介绍以及基本用法--操作dom
jQuery框架的介绍以及基本用法–操作dom 概念 jQuery是一个优秀的javascript轻量级框架之一,兼容css3和各大浏览器,提供了dom,events,animate,ajax等简易操 ...
关于Jquery中ajax方法data参数用法的总结
关于Jquery中ajax方法data参数用法的总结 jquery手册描述: 示例: $.ajax({type: "POST",url: "some.php", ...
java this.val$_[Java教程]Jquery $(this).attr和$(this).val用法示例
[Java教程]Jquery $(this).attr和$(this).val用法示例 0 2017-08-17 17:00:11 以下是个人心得整理,有兴趣朋友可以参考参考 $(this).attr ...
visu studio编程中L、TEXT、_TEXT、_T 用法说明
visu studio编程中L.TEXT._TEXT._T 用法说明宽字符和多字节字符的说明如下: 宽字符,wide character,该字符集内每个字符使用相同的位长: 多字节字符,multib ...
关于jQuery中end()的定义和用法
end()定义和用法 end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态. 以上是官方说法,比较难理解. 还是用一个例子来说明 <!DOCTYPE html> ...

jquery text html width heigth的用法

jquery text html width heigth的用法相关推荐

最新文章

热门文章