jquery如何改变width
这篇文章主要讲解了“jquery如何改变width”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery如何改变width”吧!
成都创新互联专注于甘井子企业网站建设,成都响应式网站建设公司,购物商城网站建设。甘井子网站建设公司,为甘井子等地区提供建站服务。全流程按需策划,专业设计,全程项目跟踪,成都创新互联专业和态度为您提供的服务
jquery改变width的方法:1、利用“元素对象.width(改变后的width值)”,该方法可设置被选元素的宽度;2、利用“元素对象.css("width","改变后的width值")”,css()方法可以设置指定css属性的值。
本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。
jquery怎么改变width
1、利用width()方法
width() 方法设置或返回被选元素的宽度。
当该方法用于返回宽度时, 则返回第一个匹配元素的宽度。
当该方法用于设置宽度时,则设置所有匹配元素的宽度
语法为:
返回宽度:
$(selector).width()
设置宽度:
$(selector).width(value)
使用函数设置宽度:
$(selector).width(function(index,currentwidth))
示例如下:
123
输出结果:
2、利用css()方法配合width属性
css() 方法设置或返回被选元素的一个或多个样式属性。
如需设置指定的 CSS 属性,请使用如下语法:
css("propertyname","value");
示例如下:
123
输出结果与上面示例相同:
感谢各位的阅读,以上就是“jquery如何改变width”的内容了,经过本文的学习后,相信大家对jquery如何改变width这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!
当前名称:jquery如何改变width
文章起源:http://myzitong.com/article/jocdid.html