`

jQuery获取width为0,获取隐藏元素实际宽度

阅读更多
$("#pageLoadingInnerDiv").css("display", "block");
			var iconMarginLeft = (926-jQuery("#pageLoadingTipMsg").width())/2;
			jQuery("#pageLoadingInnerDiv > div:first").css("margin-left", iconMarginLeft+"px");
			console.log(jQuery("#pageLoadingTipMsg").width());
			
			//还原到初始状态
			jQuery("#pageLoadingInnerDiv").hide();

 

分享到:
评论

相关推荐

    javascript获取隐藏元素(display:none)的高度和宽度的方法

    例如,以下是一个使用jQuery库的JavaScript函数,用以获取隐藏元素的尺寸: ```javascript function getDefaultStyle(obj, attribute) { return obj.currentStyle ? obj.currentStyle[attribute] : document....

    jquery拖动的table表格的宽度隐藏表格中的内容

    在这个特定的问题中,我们关注的是如何使用jQuery来实现一个可拖动调整宽度的table表格,并在宽度调整到一定程度时隐藏其中的内容。 首先,我们需要理解HTML中的`<table>`元素,它是用来展示结构化数据的,通常由行...

    JQ 获取图片真实宽高

    "JQ 获取图片真实宽高"这个标题指的是使用jQuery来获取图片在页面加载完成后的真实宽度和高度,因为图片在未完全加载前,其宽度和高度可能是未知的。下面我们将深入探讨如何实现这一功能,并了解相关的知识点。 1. ...

    jquery页面宽度调整插件.rar

    2. 自动适应布局:插件会根据窗口宽度自动调整页面元素的布局,例如,隐藏或显示某些元素,改变导航栏的样式,或者调整网格系统的列数。 3. 断点管理:开发者可以设置多个断点,当窗口宽度达到某个断点时,插件会...

    无法获取隐藏元素宽度和高度的解决方案

    在网页开发过程中,有时我们需要获取页面中某些隐藏元素(例如`display: none`)的宽度和高度。这是因为这些隐藏元素可能在动态展示或者动画效果中起到关键作用。然而,JavaScript和jQuery默认情况下无法准确获取...

    jquery隐藏滚动条.zip

    "jQuery隐藏滚动条"就是一个这样的解决方案,它利用jQuery库和CSS3技术来实现滚动条的动态显示与隐藏,尤其适用于创建具有悬浮效果的滚动条。这个项目中的"jiaoben1813"可能是代码示例或教程的一部分。 首先,...

    JQuery获取元素尺寸、位置及页面滚动事件应用示例

    本示例主要探讨了如何使用jQuery获取元素的尺寸、位置以及如何处理页面滚动事件,同时通过一个购物车动画的案例展示了这些功能的实际应用。 首先,我们来看如何获取元素的尺寸。jQuery提供了多种方法来获取元素的...

    自适应宽度的jQuery焦点图代码

    子元素的宽度应与容器相同,且设置为隐藏,通过JavaScript来显示。 ```css #focus { width: 100%; max-width: 1000px; /* 可根据需要设置最大宽度 */ } #focus ul li { display: none; } ``` 3. **jQuery插件**...

    js不能获取隐藏的div的宽度只能先显示后获取

    在编写前端代码时,如果需要操作隐藏元素的尺寸,通常的做法是先改变元素的display属性,使其变为block或者inline-block等可显示状态,从而让浏览器计算并渲染其尺寸。一旦元素变为可见状态,我们就可以通过...

    jQuery 常用方法

    - `width()` 和 `height()`:获取或设置元素的宽度和高度。 - `offset()`:获取元素相对于文档的偏移位置。 - `position()`:获取元素相对于最近定位父元素的偏移位置。 9. **数据存储(Data)**: - `data()`...

    jquery实现窗口显示隐藏

    例如,如果窗口宽度小于600px,隐藏元素: ```javascript if ($(window).width() ) { $('#myElement').hide(); } else { $('#myElement').show(); } ``` 7. **响应式设计**: 对于响应式设计,可以监听`...

    JQuery学习笔记(日常积累)

    - `height()`和`width()`用于获取或设置元素的高度和宽度,如`$("#msg").height("300")`设置高度为300像素。 - `val()`方法用于获取或设置表单元素的值,如`$("input").val("test")`。 5. **事件处理**: - `...

    jQuery自适应宽度动画时间轴代码

    **jQuery自适应宽度动画时间轴代码详解** 在网页设计中,时间轴是一种常见的展示信息的方式,它...在实际项目中,还可以根据需求扩展功能,比如添加点击事件以显示或隐藏详细信息,或者调整动画效果以适应不同场景。

    jQuery详细教程

    演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() 演示 jQuery hide() 函数,隐藏所有 <p> 元素。 $(".test").hide() 演示 jQuery hide() 函数,隐藏所有 class="test" 的元素。 jQuery 语法 ...

    50个JQUERY的DEMO

    8. **响应式设计**:jQuery结合媒体查询可以实现响应式网页,例如,使用`$(window).width()`获取窗口宽度,以此来改变布局。 9. **AJAX和表单提交**:`serialize()`函数可以序列化表单数据,配合`$.ajax()`实现无...

    页面出现滚动条的时候如何让滚动条不影响页面宽度

    这段代码使用jQuery将body元素的宽度设置为窗口对象$(window)的宽度。 其次,需要对body元素应用CSS样式,隐藏水平滚动条,但保留垂直滚动条(如果需要的话)。可以设置body的overflow-x属性为hidden,这样水平滚动...

    CSGO鼠标移动改变图片宽度

    // factor为缩放比例,maxWidth为最大宽度限制 $('#image').css('width', imageWidth + 'px'); ``` - 这里,`factor`决定了图片宽度变化的速度,而`maxWidth`则限制了图片的最大宽度,防止其过大影响页面布局。 ...

    jquery弹出左侧隐藏的浮动层

    这个浮动层通常是一个div元素,我们可以通过CSS将其设置为隐藏,并放置在页面左侧。例如: ```html ; position: fixed; top: 0; left: 0; width: 300px; height: 100%; background-color: #f0f0f0;"> <!-- 这里...

    jQuery 滚动一行

    // 获取元素宽度,作为滚动的最大值 function scrollText() { if (elementToScroll.css('margin-left') === '0px' || parseInt(elementToScroll.css('margin-left')) === -maxScroll) { elementToScroll.css('...

Global site tag (gtag.js) - Google Analytics