Jquery通过类改变图像宽度

Question

我正在尝试通过从 Jquery 中的 slider 获取的值来动态更改图像的宽度

Firebug 错误

TypeError: document.getElementsByClassName(...).css is not a function   
document.getElementsByClassName(".images").css("width", ui.value);

HTML

<div id="filmpkes">         
    <img class="images" src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/A-Team-Logo.svg/600px-A-Team-Logo.svg.png" width="100px"/>            
</div>  

JS

$(function(){
$("#slider").slider(

    {   min:50,
        max:250,
        change:function(event,ui){
            alert(ui.value);
            document.getElementsByClassName(".images").css("width", ui.value);
        }           
    }               
);
});

编辑:不敢相信我搞混了，谢谢!

编辑: 无法调整图像大小 http://jsfiddle.net/P5PLg/

Answer 1

检查此代码并替换为您的 js 代码

$(function(){
$("#slider").slider(
    {   min:50,
        max:250,
        change:function(event,ui){
            alert(ui.value);
            $(".images").css("width", ui.value);
        }           
    }               
);
});