jquery如何修改元素宽度

魁首哥

作者

jquery如何修改元素宽度

这篇文章主要介绍了jquery如何修改元素宽度的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇jquery如何修改元素宽度文章都会有所收获，下面我们一起来看看吧。

jquery修改元素宽度（width）的方法：1、使用width()方法，语法“$(selector).width("宽度值")”；2、使用css()方法，语法为“$(selector).css("width","宽度值")”。

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery修改元素宽度（width）

1、使用width()方法

width() 方法返回或设置匹配元素的宽度。

<!DOCTYPEhtml><html><head><metacharset="utf-8"/><scriptsrc="js/jquery-1.10.2.min.js"></script><script>$(document).ready(function(){$("button").click(function(){$("img").width("200px");});});</script></head><body><imgsrc="1.jpg"width="150"/><br><button>修改元素的宽度</button></body></html>

2、使用css()方法

<!DOCTYPEhtml><html><head><metacharset="utf-8"/><scriptsrc="js/jquery-1.10.2.min.js"></script><script>$(document).ready(function(){$("button").click(function(){$("img").css("width","250px");});});</script></head><body><imgsrc="1.jpg"width="150"/><br><button>修改元素的宽度</button></body></html>