jQuery使用<；更改背景；输入类型="；“范围”&燃气轮机；

怎么办,

最近我一直在自学一点基本的jQuery，所以我偶然发现了添加一个滑块来改变页面背景颜色的想法。我已经找到了.click和.css的部分，很好-它可以与div一起工作，这非常令人兴奋；但是我在使用范围实现它时遇到了一点困难。我认为这只是目标定位的问题，但我遇到了一些困难，非常感谢您的帮助：）

在这里粘贴了一个演示页面：

页面与默认jQuery库一起使用

脚本：

<script type='text/javascript'>
    $(function(){
        $(":range").click(function () {
            $("body").css("background","red");
        });
    });
</script>

<input type="range" name="background_pick" min="1" max="5" step="1" value="3" />
<script>$(":range").rangeinput();</script>

$（函数（）{
$（“：范围”）。单击（函数（）{
$（“body”）.css（“背景”、“红色”）；
});
});

范围：

<script type='text/javascript'>
    $(function(){
        $(":range").click(function () {
            $("body").css("background","red");
        });
    });
</script>

<input type="range" name="background_pick" min="1" max="5" step="1" value="3" />
<script>$(":range").rangeinput();</script>

$（“：range”）.rangeinput（）；

---

希望这足够清楚-如果您需要更多详细信息，请告诉我。

我不确定您在这里尝试做什么，但范围输入似乎没有单击事件。把它改成“Change”，它就会起作用

$(":range").change(function () {
    $("body").css("background","red");
});

---

应该注意的是，输入下的脚本本身就是jQuery工具的激活。不需要

文档。ready

和

$（function（）{

包装器，您只需要一个或另一个。而且

：range

不是标准化的跨浏览器）.最后，你要在哪个浏览器上尝试此功能？@NickCraver-谢谢你的澄清-我使用jQuery的初期，非常感谢。目前正在使用Chrome。这似乎确实有效。将根据Nicks的评论将此功能与新的选择器结合起来…为Fabian干杯！