
正文
jquery得到元素宽度,jquery获取div的宽度
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery获取一个div的宽度后加上一定像素并且赋值给这个div
可以使用jquery里面的outerWidth就可以了。下面是简单的代码,仅供参考:script src=jquery.js/scriptbody div id=div/div/bodyscript $(#div).outerWidth(); //获取div的宽度。 $(#div).attr(width,100px); //给div赋值。
必须进行一次页面回发,讲修改后的页面让服务器在编译一次,这种方法不可取。将你想要传递的值放在隐藏字段,也就是 j.index,bfbSize,通过js访问该值。
途径:第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}。这中情况通过#divstyle.width拿不到宽度,而通过#divoffsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中,比如style=width:120px;,这中情况通过上述2个方法都能拿到宽度。
我刚才试了一下,不是获取不到对象,而是css赋值有问题。
假设需要显示的数据是“123”。显示的div的ID是“aaa”。
使用JavaScript给html中的一个div的属性赋值可以使用jquery的attr()方法来实现。jquery的attr()方法允许两个参数,如果值给一个参数则返回的是元素的属性的值,两个参数可以设置一个元素属性的值为第二个参数。
相关问答
Q1: jquery如何判断DIV宽度并赋值?
1、可以使用jquery里面的outerWidth就可以了。下面是简单的代码,仅供参考:script src=jquery.js/scriptbody div id=div/div/bodyscript $(#div).outerWidth(); //获取div的宽度。 $(#div).attr(width,100px); //给div赋值。
2、第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}。这中情况通过#divstyle.width拿不到宽度,而通过#divoffsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中,比如style=width:120px;,这中情况通过上述2个方法都能拿到宽度。
3、给你推荐一个jquery重新封装resize代码,可以监听几乎所有html标签,比如text、p、div、span等。
Q2: JavaScript或者jQuery怎样获取一个隐藏元素的宽高
你得到的是div的宽度。可以试试这样: var width=$(#test img).width();alert(width); 如果还不行,那可能是由于你将这个div隐藏了的原因!希望可以帮到你。
途径:第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}。这中情况通过#divstyle.width拿不到宽度,而通过#divoffsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中,比如style=width:120px;,这中情况通过上述2个方法都能拿到宽度。
第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}。这中情况通过#divstyle.width拿不到宽度,而通过#divoffsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中,比如style=width:120px;,这中情况通过上述2个方法都能拿到宽度。
首先,界面中有一个img,但是js不用于设置其宽度,高度和背景颜色,如下图所示。其次,使用jQuery获取要设置的div,然后调用css()方法即可开始设置,如下图所示。接着,可以在css方法中设置。需要注意的是,里面有大括号,并且该属性用双引号引起来,如下图所示。
Q3: jquery中innerwidth,outerwidth和width的区别是什么?
window.screen.width指的是你手机或电脑屏幕的高度,无论你怎么改变浏览器高度他都是不变的,和你的屏幕分辨率相关。两者的高度是不一样的,使用js中的alert()方法打印这两个高度就会发现它们之间的差别。
第一类:this.width,this.attr(width)第二类:$(this).attr(width),$(this).width()区别在于第二类写法使用了jQuery框架,否则这么写是会报错的。当然,你自己也可以创造一个这么样的写法。其运行的结果都是一样的,就是返回对象的宽度。this 是 JavaScript 中的关键字。
你得到的是div的宽度。可以试试这样: var width=$(#test img).width();alert(width); 如果还不行,那可能是由于你将这个div隐藏了的原因!希望可以帮到你。
jQuery: 返回 width 、 height 3-隐藏元素 Zepto.js: 无法获取宽高;jQuery: 可以获取。
在不同浏览器中,offset()得到的相对于浏览器的位置不同,相信你看了上边相应的注释,已经掌握了position()同offset()方法的区别。
jquery得到元素宽度的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于jquery获取div的宽度、jquery得到元素宽度的信息别忘了在本站进行查找喔。






