前端之家收集整理的这篇文章主要介绍了
jQuery-调整一组HTML元素的大小 ，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我有类似的HTML代码
<div id="resizeThis">
<div style="background: url(...)">...text...images...</div>
...
</div>
我想将所有内容的div调整为任意大小.例如,我可以使用JavaScript来获取div宽度,然后相应地调整所有元素的大小,但是最简单的方法是什么？我可以使用jQuery,我尝试过：
$("#resizeThis > *").css('width','64px').css('height','64px');
但只会缩小#resizeThis而不缩小其子级.
我该如何处理背景,文字等？
我想这样做,以便可以生成缩略图(通常为原始大小的25％).
最佳答案
尝试这个
$("#resizeThis *").css('width','64px');
>运算符将仅选择直子.
上面的代码将选择#resizeThis的所有子级,但您也需要div.尝试：
$("#resizeThis").find("*").andSelf().css('width','64px');
另外,您是否考虑过使用CSS类而不是多次调用.css().
例如.
$("#resizeThis *").find("*").andSelf().addClass("MyCssClass");
