在 jQuery 中获取边框宽度

2024-01-09

我必须在容器内动态定位弹出元素。我正在尝试获取容器的边框宽度。我发现了几个类似这样的问题:

如何在 jQuery/javascript 中获取边框宽度 https://stackoverflow.com/questions/3787502/how-to-get-border-width-in-jquery-javascript

我的问题已被讨论,但我还没有找到任何答案。当属性为粗、细或中时,如何获取边框宽度?

有消息称,您通常可以预期薄、中、厚分别为 2 像素、4 像素和 6 像素,但 CSS 规范并不要求这样做。

有没有人遇到过一种简单(或者如果不容易,至少一致)的方法来获取 DOM 元素一侧边框的宽度?


你可以使用.innerWidth() and .outerWidth()获取带边框和不带边框的宽度,然后从第一个宽度中减去第二个宽度。

var someElement = $("#someId");
var outer = someElement.outerWidth();
var inner = someElement.innerWidth();

alert(outer - inner); // alerts the border width in pixels
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 jQuery 中获取边框宽度 的相关文章

  • 标题的固定高度和更改宽度(HTML 表格)

    我需要确保表格标题的高度是固定的 并且宽度是根据标题单元格内容进行调整的 标题文本最多显示两行 我们如何使用样式来做到这一点 另外 我想确保表行的宽度与标题行的宽度相同 即标题行决定宽度 注 目前 交易部门负责人别名 是按行排列的 它需要分
  • Bootstrap 4 行布局没有响应

    我正在使用 Bootstrap 4 在 MEAN 堆栈上为新闻文章布局创建一个 html 模板 但这应该不重要 对于这种总体布局的要求是 一篇 特色 文章位于其自己的列中 而其他 8 篇文章位于另一列中的两行中 当在较小的屏幕或移动设备上查
  • CSS:仅背景不透明度,而不是内部文本[重复]

    这个问题在这里已经有答案了 我有这个注册表框 我真的很喜欢背景如何变得不透明 透明为 25 85 但后来我注意到文本和表单元素也变暗了一点 所以我想知道如何做到这一点只有边框和背景而不是盒子里面的东西 regForm z index 11
  • JQuery:如何自动完成“城市,州”?

    Question 怎么用啊JQuery 自动完成插件 http docs jquery com Plugins Autocomplete建议地点 City State 用于输入字段 意思是 有人想输入 伊利诺伊州芝加哥 所以他们开始打字 C
  • jQuery:在整个文档上触发按键功能,但不在输入和文本区域内触发按键功能?

    我有这个 document keypress function e if e keyCode 119 w doSomething Wo 在我的文档上按 w 时doSomething 函数触发 当我当前正在输入 焦点 时 如何防止它触发inp
  • Twitter Bootstrap 按钮的水平和垂直分离

    是什么导致 Twitter Bootstrap 的按钮水平分离 我在 CSS 代码中找不到它 我试图对垂直方向重复相同的操作 但似乎我未能实现这一目标 如何在按钮之间添加垂直分隔 仅当它们垂直堆叠时 第二张图片 但当它们不是 第一张图片 时
  • 复制 Chrome 默认输入的轮廓样式

    如何设置默认 Chrome 输入的轮廓样式 焦点上为橙色 使其在每个浏览器中看起来都相同 Chrome 风格似乎是textarea focus outline rgb 229 151 0 auto 5px outline offset 2p
  • 垂直对齐材质图标

    我正在尝试在导航菜单中垂直对齐 下拉箭头 我尝试过各种方法 例如vertical align middle display inline block 之类的东西 但这根本没有帮助 http img02 imgland net jfCmDoW
  • PHP header() 和 jquery mobile

    我想使用 php header Location newpage php 进行重定向 我没有收到错误 但 Jquery mobile 似乎无法加载目标页面 并且地址栏仍保留旧地址 请问您有什么建议吗 Thanks 尝试添加data ajax
  • jQuery 自动完成 - xml 跨站点请求

    我的自动完成功能的 XML 提要位于另一台服务器上 是否有客户端 javascript 方法来获取此 XML 文档 我知道我可以使用 php jsp 等创建代理 但我需要在所有客户端完成此操作 这就是我现在调用该文件的方式 该文件仅在同一域
  • 使用 jQuery UI 图标

    jQuery UI 在精灵图像中提供了方便的图标 看到主题滚轮 http jqueryui com themeroller 我有一个input我想要时钟图标的元素 带有类 ui icon clock 作为背景图像 怎样才能有一个背景图标in
  • 如何使用 jQuery 通过单击按钮来选择下拉列表中的所有值?

    如何通过在 JavaScript 中使用 jQuery 单击按钮来选择下拉列表中的所有值 function select children option attr selected selected 应该做 当然你需要一个SELECT具有属
  • 使用 DOM 获取 div 的内容(包括子标签)

    我正在使用 DOM 来获取 div 标签的内容 但内部 html 部分未显示 功能是 dom new DOMDocument libxml use internal errors true dom gt loadHTMLFile url l
  • 如何使用ckeditore通过ajax发送数据?

    我在 django 中有一个表格 这是 撰写邮件 形式 我将此表单从视图发送到我的模板 然后应用 ckeditor 来更改正文样式 我希望通过 ajax 发布此表单 当使用 ckeditor 时 body 字段的值不会随 request P
  • 向 Twitter Bootstrap 添加新字体系列

    我怎样才能按照他们的方式将新的字体系列添加到 twitter bootstrap 中 他们使用一种叫做 woff 的东西 我正在尝试将 roboto 添加到 css 文件中 我怎样才能像他们那样做 woff 的事情呢 font face f
  • 解析 PHP 响应:未捕获的语法错误:意外的标记 <

    我正在使用 AJAX 来调用 PHP 脚本 我唯一需要从响应中解析的是脚本生成的随机 ID 问题是 PHP 脚本会引发许多错误 这些错误实际上很好 不会妨碍程序功能 唯一的问题是当我跑步时 parseJSON response I get
  • 禁用 iframe 中的滚动

    有没有办法在 iframe 中禁用所有滚动 我有一个 iframe 其中内容超出了 iframe 尺寸 设置scrolling no 只会删除滚动条 但不会禁用滚动 我无法控制 iframe html 的头部 所以我无法设计它的样式 有任何
  • iOS 11 getUserMedia 不起作用?

    苹果公司发表声明称getUserMedia将在 iOS 11 上完全正常运行 安装 iOS 11 Beta 版本 5 后 我确实收到一条消息 表明我的网站请求访问我的相机和麦克风 但似乎是这样的 video src window URL c
  • JavaScript 点击事件在 Android 4.0.4 默认浏览器上的 Samsung Galaxy SIII 上不起作用

    我在 Android 4 0 4 上使用 Samsung Galaxy SIII 的默认浏览器时遇到了最奇怪的问题 对于以下页面 单击链接将不会触发 JavaScript 处理程序 从其中一个 div 的内容中删除单个 a 字母使它们再次工
  • CSS3 背景渐变未验证,有人可以告诉我为什么吗?里面的代码示例

    有人能告诉我为什么下面的 css 没有验证吗 我一直在尝试自己研究这个问题 但没有运气 我读过的所有文档都说这是在 css3 中进行渐变的正确原因 header color white font size 12px font family

随机推荐

  • YouTube 视频标题背景

    我正在尝试创建一些网站模板来帮助我提高前端开发技能 因为我目前在后端工作方面做得更好 我试图在某种程度上复制我自己网站的风格 https thomas smyth co uk https thomas smyth co uk 这是一个简单的
  • ZF3会话超时问题

    我一直面临与使用 Zend Framework 3 的会话超时相关的问题 会话在 5 10 分钟内过期 我使用了会话的默认代码 Zf3 框架在全局 php如下 Session configuration session config gt
  • 如何将 GOPATH 链接到 LiteIDE?

    我已经安装了 LiteIde 并导出GOROOT and GOPATH in my bashrc 当我使用 LiteIDE 时 自动完成工作正常 但它无法构建 运行我的代码 当我查看 管理 GOPATH 时 系统 GOPATH 框是空的 我
  • 相同的 RSA 密钥、相同的消息、不同的加密[重复]

    这个问题在这里已经有答案了 我生成私钥 公钥和一个小文本文件 openssl genrsa out priv pem openssl rsa out pub pem in priv pem pubout echo A gt plain tx
  • 如何在matplotlib图中的特定位置添加网格线?

    如何在 matplotlib 图中 y 轴的特定位置添加网格 是的 这很简单 使用set x y ticks的方法axes对象并正常切换网格 import matplotlib pyplot as plt fig ax plt subplo
  • 如何在已处理的异常上停止 PyCharm 的中断/停止/停止功能(即仅在 python 未处理的异常上中断)?

    我发现 PyCharm 停止处理我的所有异常 甚至是我正在处理的异常try except堵塞 我不希望它在那里中断 我正在处理并且可能期待一个错误 但我确实希望它停止并暂停执行所有其他异常 例如 以便我拥有程序状态并对其进行调试 如何做到这
  • kafka生产者API中的标头信息

    我有一个 json 有效负载 我想将其作为生成器 Api 中的标头发送 type record created version 1 orgId userId userName correlationId jobId 以上有效负载应作为标头发
  • 正则表达式删除空 标签

    我想要这样的空跨度标签 填充有 nbsp 和空格 要删除 span nbsp nbsp nbsp span 我尝试过使用这个正则表达式 但它需要调整 span nbsp s span preg replace span nbsp s spa
  • 识别 Formik FieldArray 中已删除(创建和修改)的项目

    想知道 Formik 是否有一个本地解决方案来识别添加和删除 和更新 FieldArray以形式 我这里有沙箱上的代码https codesandbox io s jn7x2m75o9 https codesandbox io s jn7x
  • 如何使用FacesContext.getCurrentInstance(),它返回null

    在过去的几天里 我一直在为网络应用程序的登录部分而苦苦挣扎 我已经可以使用 tomcat 上的 JDBCRealm 成功验证用户身份 通过从 sql 服务器数据库读取用户 现在我想发送某种反馈当用户的帐户被阻止或凭据不正确时 这就是我现在陷
  • 通过 geopandas 连接多个 shapefile

    我试图通过实现以下内容来组合多个形状文件 import geopandas as gpd import pandas as pd for i in range 10 56 interesting files Users m3105 Down
  • 在 Visual Studio 中更改目标构建目录

    我是 Visual Studio 的新手 我导入了一个由多个子项目组成的 Visual Studio 项目 我可以构建所有这些 但我不知道 IDE 在构建后将可执行文件放在哪里 如何从 Visual Studio 获取 设置项目的目标目录
  • 如何像Crashlytics和开源PLCrashReporter一样获取崩溃行和方法

    正如我提到的 我正在尝试恢复崩溃的线路以及发生崩溃的功能 我需要提到的是 我已经尝试了 AppDelegate 中的下一个代码 并且我得到了未符号化的堆栈和类以及引发的错误 NSSetUncaughtExceptionHandler unc
  • 伪造、嘲笑和存根有什么区别?

    我知道如何使用这些术语 但我想知道是否有可接受的定义faking mocking and stubbing用于单元测试 您如何为您的测试定义这些 描述一下您可能会使用每种方法的情况 以下是我如何使用它们 Fake 实现接口但包含固定数据且不
  • Web3 BatchRequest 总是返回未定义,我做错了什么?

    我正在尝试使用 web3 Batch 来一起调用代币余额 当我调用batch execute 时 它返回未定义的而不是已添加到批处理中的已解决的请求 有人可以告诉我我把事情搞砸的地方吗 这是我的代码 async generateContra
  • mongodb 和 C# 中的工作单元

    我知道 MongoDB 不应该支持工作单元等 但我认为实现仅存储意图 类似于标准 然后将它们提交到数据库的存储库会很好 否则 在存储库中的每个方法中 您都必须创建与数据库的连接 然后将其关闭 如果我们将与数据库的连接放置在某个 BaseRe
  • 在yarn package.json中使用环境变量

    我想从 bitbucket 上托管的私有包中提取数据 由于 SSH 不是我的部署设置的选项 因此我想使用应用程序密码访问存储库 所以我在包 JSON 中的条目如下所示 dependencies companyName repository
  • 安装Tensorflow时出现环境错误

    安装 Tensorflow 时 它说我丢失了一个文件 但我不知道如何修复它和 或获取该文件 我已尝试重新下载 python 但仍然缺少该文件 pip install Tensorflow 我想要的是安装完成 这是错误消息 C Users M
  • 在 tesseract C++ API 中禁用字典辅助 OCR

    我有一个应用程序 其中使用 tesseract API 对技术数据表进行 OCR 处理 我这样初始化它 tesseract TessBaseAPI tess tess Init NULL eng tesseract OEM TESSERAC
  • 在 jQuery 中获取边框宽度

    我必须在容器内动态定位弹出元素 我正在尝试获取容器的边框宽度 我发现了几个类似这样的问题 如何在 jQuery javascript 中获取边框宽度 https stackoverflow com questions 3787502 how