jquery的hide一个元素,需要注意的问题(offset)

最新推荐文章于 2023-06-27 15:06:03 发布
原创 最新推荐文章于 2023-06-27 15:06:03 发布 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jQuery

本文探讨了在使用hide()方法隐藏元素后，元素的offset()属性会显示为0的现象。但实际中，通过attr('left')和attr('top')获取的位置值才是隐藏前的真实位置。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

将一个元素执行hide()后,其offset()都会变为0,但是实际上通过attr('left')和attr('top')得到的值,才是正确的left和top
JQuery获取元素尺寸、位置及页面滚动事件应用示例
10-17
本示例主要探讨了如何使用jQuery获取元素的尺寸、位置以及如何处理页面滚动事件，同时通过一个购物车动画的案例展示了这些功能的实际应用。 首先，我们来看如何获取元素的尺寸。jQuery提供了多种方法来获取元素的...
jQuery 锚点跳转滚动条平滑滚动一句话代码
12-01
在网页开发中，jQuery是一个非常流行的JavaScript库，它简化了DOM操作、事件处理以及动画效果。在本文中，我们将深入探讨jQuery中与锚点跳转、滚动条平滑滚动及一些实用技巧相关的内容。 首先，标题提到的"jQuery...
php 获取0值,jquery offset()获取隐藏元素坐标值始终为0
weixin_32386693的博客
03-18 348
2015-02-10 更新----------------------------------------------------------------------------------------------------Element.offset().top方法正常情况下是获得元素相对浏览器视窗之间的距离，但如果元素本身是隐藏的即加了display:none，该方法取得值始终都是0;如代码...
jquery中使用offset()获得的div的left=0,top=0
weixin_30484247的博客
04-03 609
写东西的时候要获取div的left和top，但怎么也取不到值都为0,但在chrome的console下是可以取到值的， 瞬间就纳闷了，于是乎就在网上找各种方法，大家一般的问题可能都是要获取的div被隐藏了，所以只要在用offset 之前让他show（）或者display为block就解决问题了。 <html><head> <title>t...
JS中使用offsetHeight 获取元素高度为0问题
m0_50981596的博客
10-08 3353
JS中使用offsetHeight 获取元素高度为0问题
jq中使用offset定位不准的解决办法
qq_34172153的博客
03-05 3615
使用jq中的offset进行目标块位置设定不准的问题
css隐藏元素的方法与区别
weixin_55980647的博客
03-11 157
1.opacity .hide { opacity: 0; } 设置元素的透明度，不会改变元素的边界框，等于0时只能从视觉上隐藏元素，而元素依然占据它自己的位置并对网页的布局起作用。 2.visibility .hide { visibility: hidden; } 如同opacity属性，被隐藏的元素依然会对网页布局起作用。 3.display .hide { display: none; } 将display属性设为none确保元素不可见并且连盒模型也不生成。 ...
基于jQuery的将鼠标放图片上显示提示框的一个特效.zip
11-21
这个“基于jQuery的将鼠标放图片上显示提示框的一个特效.zip”就是一个很好的例子，它展示了如何利用jQuery来增强用户对网页中图片的互动体验。 首先，我们需要了解jQuery库的基础知识。jQuery是一个轻量级的...
jquery-ce-tooltip:自定义元素工具提示
06-09
jQuery CE Tooltip 是一个专门用于创建自定义元素工具提示的库，它基于 JavaScript 技术，能够帮助开发者轻松地为网页中的各种元素添加富有特色的提示效果。 jQuery CE Tooltip 的核心特性在于其灵活性和可定制性。...
jquery获取元素位置（position和offset）
weixin_52512511的博客
06-27 986
③不管本来的位置和父级的位置，反正是相对于。①是一个读写方法，不传参数的时候就是读取。②传递参数时是设置，传参传的是对象。
jQuery--offset()方法
qq_45560350的博客
06-18 1339
定义 offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。 用法一 返回偏移坐标 返回第一个匹配元素的偏移坐标。 该方法返回的对象包含两个整型属性：top 和 left，以像素计。此方法只对可见元素有效。 语法： $(selector).offset() 范例： <script type="text/javascript"> $(function(){ $("button").click(function(){ var obj =$("p").offset(); $
jquery offset()的对象如果是display:none的，则返回值为0,0
韦奕-web前端开发
10-09 2161
如题，今天在做项目时发现这个问题：       隐藏的元素（不包括visibility:hidden的元素，因为这种元素实际上在页面上是占有空间的），offset()的返回值是(0,0) 或者即使不为0，也不是正确的值。
jQuery的offset在IE下的问题
ilbubby的专栏
08-06 3686
试图使用jQuery的offset()对元素位置进行设置，发现在IE下表现不正常，后来发现这不能算是jQuery的bug，而是因为IE下inline-block的元素与inline元素的默认长宽不同 #offsetTest { d
jquery之hide()用法详解
weixin_34413103的博客
10-13 1232
注：  以下函数用法和hide()类似  [参数类型完全一样] toggle()　　 　　hide() 　　show() slideToggle() 　　slideUp() 　　slideDown() fadeToggle() 　　fadeOut() 　　fadeIn()   jQuery.hide() 函数详解 hide()函数用于隐藏所有匹配的元素。此外，你还可以指定元...
jQuery hide()并不等于hide(0)
weixin_33694620的博客
01-21 203
在实际使用中，经常用hide()函数来隐藏HTML元素，通常是没有什么问题的，但在一次做二级下拉菜单时遇到了问题，后来才发现有时候“speed”是不能省略的，即使“speed=0”，也就是说hide()在某些时候并不等于hide(0)，下面拿实例来证明： 在做一个网站的二级下拉导航，设计了一个简单的jQuery，代码如下： <script type="text/javascript...
提交表单不提交隐藏div的input
热门推荐
zero_295813128的专栏
09-12 1万+
今天做一个功能 想在下拉列表中根据下拉的选项隐藏对应的div有个平台选择的下拉列表，我想在选择pc的时候出现水平以下的内容并且提交水平线以下的input 下拉列表选择app的时候会隐藏水平线以下的input,但这时候不想提交隐藏div的input的值，这时候在 隐藏div的时候就需要做以下操作 function choosePlatform(platform) {
掌握Jquery：35个实例方法详解
11. **元素遍历**：使用.each()或.map()方法来遍历匹配的元素集，并对每个元素执行一个函数。 12. **文档遍历**：$.parent()、.children()、.find()等方法用于在DOM树中导航。 13. **尺寸与位置**：获取和设置元素...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值