jquery中获取元素的宽度，jQuery获取元素高度

jQuery获取元素宽高

1、只有在DOM元素被渲染了之后，才能获取元素实际的宽高。换句话说，如果元素还未插入DOM树里，就不可能走到渲染这一步，更不可能拿到元素的宽和高。

2、transform本身就是变形属性，不会改变元素的位置大小等，布局不发生变化，只是对元素进行变换。所以js获取的宽高是元素未变形前的值，需要获取缩放后的宽高，可以用元素的宽高乘以缩放值。

3、小结，因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过id.style.atrr来获取。

4、创建一个名称为css的html文件。在页面中加入一个button按钮，当点击button的时候出发click事件。在加入一个div设置宽和高还有背景色，当button的click事件中用css方法修改该div背景色。文件引入jquery 库。

5、在jQuery中，获取元素高度的函数有3个，其中有outerHeight()和height()。

6、举例来说，如果在文档中连续插入1000个段落（p元素），会连续触发1000个插入事件，执行每个事件的回调函数，这很可能造成浏览器的卡顿；而Mutation Observer完全不同，只在1000个段落都插入结束后才会触发，而且只触发一次。

相关问答

Q1: 大神,请问jquery怎么获取ul下的多个li元素的宽度总和?

通过过滤器获取li数组 var lis = $(div li)；//表示获取div下所有的直接或者非直接li节点。

通过 $(#top_menu li：first) 就可以获取到 ul下第一个li标签。

可以考虑用length属性， jquery代码： $(“#ulname li”).length。ul 是 Unordered List（无序列表）的缩写。与之相对的有ol有序列表标签，列表里的项目用li标签记述，所有主流浏览器都支持 ul 标签。

$(：eq(index)) index值从0开始。

Q2: jquery获取img宽高

其中data-rawwidth和data-rawheigth就是原图的原始宽高，但是这个数据是在用户提交表单时由后台程序分析图片的数据流得出的。

界面中有一个img，但是没有用js来设置它的宽度高度和背景颜色。接着使用jQuery获取到所要设置的div，并且调用css（）方法即可开始设置了。在css方法即可设置，注意，里面有花括号哦，并且属性用双引号引起来。

javascript无法限制，因为javascript没有读文件的权限！当然使用ajax上传也不行。因为ajax就是javascript的。你可以在上传后在后台比对！如果你非要实现ajax效果的话可以使用伪ajax（隐藏一个iframe）上传。

如果是一个div下面有多个img的话，可以使用$(#divIDimg)来获取一组img对象··设置值可以通过attr()方法。

使用jquery找到一个div中的img元素的方法可以使用选择器结合find()方法来实现。

Q3: jQuery中获取元素宽度(含padding)的方法是innerWidth。()

1、jQuery中获取元素宽度（含padding）的方法是innerWidth。

2、innerwidth()//获取（元素+padding的宽度）outerwidth()//获取（元素+padding+border的宽度）width()//获取元素本身宽度。

3、width() 是元素内部实际内容的宽度（不包含内边距和边框的宽度）；innerWidth() 则是上面的width()再加上内边距；outerWidth() 则是上面的innerWidth()再加上边框的宽度。

Q4: JavaScript或者jQuery怎样获取一个隐藏元素的宽高

什么时候需要获取图片真实的宽度和高度在做pc网页的时候，有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。

第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。2：使用jQuery可以这样获取window的宽高。3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。

关于jquery中获取元素的宽度和jQuery获取元素高度的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。