3种方法:1、使用width()将宽度设置为0,语法“$(“指定元素”).width(“0”);”;2、使用css()将width属性的值设置为0,语法“$(“指定元素”).css(“width”,”0″);”;3、使用attr()将width的值设置为0,语法“$(“指定元素”).attr(“style”,”width:0″);”。
本教程操作环境:windows7系统、jquery3.6.1版本、Dell G3电脑。
清除元素的width(宽度),就是将元素的width属性(样式)清除(属性值设置为0)。
jquery清除元素宽度(width)的3种方法
1、使用width()将宽度设置为0
width() 方法返回或设置匹配元素的宽度。
nbsp;html>$(document).ready(function() {$("button").click(function() {$("#box").width("0");});});p{width: 100px;height: 20px;border: 1px solid red;overflow: hidden;}一个段落
一个段落
登录后复制
2、使用css()将width属性的值设置为0
css() 方法可以设置被选元素的一个或多个样式属性。
语法:
$(selector).css(name,value)
登录后复制
参数 描述name必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性,比如 “color”。value
可选。规定 CSS 属性的值。该参数可包含任何 CSS 属性值,比如 “red”。
如果设置了空字符串值,则从元素中删除指定属性。
只需要将name设置为“width”,value设置为“0”.
示例:
nbsp;html>$(document).ready(function() {$("button").click(function() {$("p").css("width","0");});});p{width: 100px;height: 20px;border: 1px solid red;overflow: hidden;}一个段落
一个段落
登录后复制
方法3:使用attr()将width的值设置为0
nbsp;html>$(document).ready(function() {$("button").click(function() {$("p").attr("style","width:0");});});p{width: 100px;height: 20px;border: 1px solid red;overflow: hidden;}一个段落
登录后复制
【推荐学习:jQuery视频教程、web前端视频】
以上就是jquery怎么清除元素的width(宽度)的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2924717.html