`
好好学习-天天向上
  • 浏览: 36218 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

jq 关于height

阅读更多

height:高度

innerHeight:高度+补白 
outerHeight:高度+补白+边框,参数为true时:高度+补白+边框+边距

html代码:

<div class="width: 150px;height:20px;float: left;border: 2px solid red;margin: 10px;margin: 10px;padding: 10px;" id="test">jjjjj</div>

js代码:

alert($("#test").height()); 
alert($("#test").innerHeight()); 
alert($("#test").outerHeight()); 
alert($("#test").outerHeight(true));

结果: 
在ie中的结果:17px,37px,41px,61px 
在ff中的结果:20px,40px,44px,64px

 

推荐参考地址:http://www.css88.com/jqapi-1.9/height/

分享到:
评论

相关推荐

    jq二维码,使用jq_code直接前端生成二维码

    本文将深入探讨如何使用`jq_code`库在前端直接生成二维码,以及其背后的技术原理和应用场景。 首先,`jq_code`是一个基于JavaScript的轻量级库,专门用于在前端生成二维码。它允许开发者在不依赖后端服务的情况下,...

    JQ height()、innerHeight()、outerHeight()函数的区别

    在JavaScript的世界里,jQuery库为开发者提供了极大的便利,特别是在处理DOM操作时。今天我们要讨论的是jQuery中的三个高度获取函数:`...在实际开发中,结合源码理解和工具辅助,可以更高效地解决关于元素高度的问题。

    jq生成二维码插件

    在IT行业中,jQuery(通常简称为jq)是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画效果以及Ajax交互。这个“jq生成二维码插件”是为了解决网页上生成二维码的需求而设计的。...

    jq前端实现生成二维码

    `jq`通常指的是jQuery,一个广泛使用的JavaScript库,而本示例是利用jQuery与`QRcode.js`插件来实现二维码的生成。`QRcode.js`是一个轻量级的JavaScript库,能够帮助开发者在网页上创建出包含各种数据的二维码,包括...

    JQ 滚动高亮节点插件

    《JQ滚动高亮节点插件详解》 在网页开发中,滚动高亮节点插件是一种常见的交互设计,它能够使用户在滚动页面时,当前可视区域的元素得到特别的视觉强调,提升用户体验。JQ(jQuery)作为一款广泛使用的JavaScript库...

    JQ 获取图片真实宽高

    在JavaScript的世界里,jQuery(简称JQ)是一个广泛使用的库,它极大地简化了DOM操作、事件处理、动画设计以及Ajax交互。"JQ 获取图片真实宽高"这个标题指的是使用jQuery来获取图片在页面加载完成后的真实宽度和高度...

    JQ高仿select控件

    &lt;p&gt;JQ高仿select控件 &lt;br/&gt; &lt;div style="height:100px;border-bottom:5px solid #ff0000;"&gt; 张三 李四 王二麻子 ...

    jq-旋转按钮

    height: 100px; background-color: #333; color: #fff; border: none; cursor: pointer; animation: rotate 2s infinite linear; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform...

    jq带节点的步骤进度条

    height: 20px; border-radius: 50%; background-color: #007bff; } /* 第二种样式 */ .step-progress .done::before { background-color: #28a745; } ``` ### 5. jQuery实现 使用jQuery来控制进度条的状态和...

    JQ 拖拽

    标题中的“JQ 拖拽”指的是使用 jQuery(通常简称为 JQ)库实现的拖放功能。jQuery 是一个广泛使用的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画以及Ajax交互等任务。在网页交互中,拖放功能允许用户...

    jq超炫banner

    可以用来改变CSS属性,如透明度(opacity)、高度(height)、宽度(width)等,创建淡入淡出、滑动等效果。 4. 数据API和AJAX:如果banner需要动态加载内容,可以利用jQuery的AJAX功能从服务器获取数据,实现实时更新。...

    图片延迟加载的jq

    - 避免在图片上使用`width`和`height`属性,因为这可能导致页面在图片实际加载前计算错误的布局。可以使用CSS来控制图片尺寸。 - 对于IE6和7,由于不支持CSS的`position:fixed`,可能需要额外的处理来保证延迟加载...

    jq图片缩放与拖动

    3. **CSS操作**:jQuery可以方便地修改元素的CSS属性,如`width()`, `height()`, `css({"left": "value", "top": "value"})`等,这在图片缩放和拖动时尤为重要,需要实时更新图片的位置和尺寸。 4. **坐标计算**:...

    jq图片预览功能.zip

    例如,可以使用`.css()`方法来改变图片的`width`和`height`属性实现缩放,使用CSS的`transform`属性实现旋转。同时,可以为用户提供交互式的控制元素,如滑块或按钮,以便他们可以直观地调整图片的大小和角度。 在...

    jq制作非常漂亮的烟花效果

    在IT行业中,jQuery(通常简称为jq)是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。本教程将详细介绍如何使用jQuery创建一款非常漂亮的烟花效果,让网页视觉...

    JQ 自动加载页面

    标题“JQ 自动加载页面”指的是使用jQuery库实现页面内容的自动加载功能。这种技术在网页开发中常用于分页、无限滚动或是动态加载更多内容的场景,以提高用户体验,减少用户手动翻页的繁琐操作。jQuery是一个流行的...

    jq插件生成二维码

    6. `examples/`:这是一个目录,可能包含了更多关于插件用法的不同实例。 使用jQuery QRCode插件的基本步骤通常包括以下几点: 1. 引入jQuery库和jQuery QRCode插件的JS文件。 2. 在HTML中选择一个元素,例如一个...

    jq滑动切换页面

    height: 100%; overflow: hidden; } .page { position: absolute; width: 100%; height: 100%; transition: all 0.5s ease; /* 添加平滑过渡效果 */ } ``` 4. **JavaScript 代码**:编写 `jQuery` 代码来...

    jq生成二维码.zip

    "jq生成二维码"是指利用jQuery库来实现这个功能。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。在这个场景中,我们将讨论如何利用jQuery及其相关的插件来生成...

    jq实现上下滑动效果

    在网页开发中,jQuery(通常简称为jq)是一种广泛使用的JavaScript库,它简化了DOM操作、事件处理和动画效果。本篇文章将详细讲解如何使用jQuery实现页面的上下滑动效果,这种效果在移动设备和桌面端的应用中都非常...

Global site tag (gtag.js) - Google Analytics