Javascript 无法使用引导滑块更改不透明度值

由于某些原因，滑块不会更改值，我在浏览器控制台中不断得到“

uncaughttypeerror:无法设置未定义的

”错误的属性“opacity”

我只想将“不透明度”的值从初始值1更改为滑块的值乘以.01

我的脚本如下：

<div id="jpegcam" class="jpegcam_slider" style="opacity: 1; z-index: 1; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 239px"></div>

<input id="ex1" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="100"/>
            <script>
                $('#ex1').slider({
                    formater: function(opacity) {
                        return 'Current value: ' + opacity;
                    }
                });
                $('#ex1').on('slide', function(value)
                {
                    $('.jpegcam_slider').style.opacity = (value*.01);
                });
            </script>

$（'#ex1'）。滑块({
格式化程序：函数（不透明度）{
返回“当前值：”+不透明度；
}
});
$（'#ex1'）。在（'slide'，函数（值）
{
$（'.jpecam_滑块'）.style.opacity=（值*.01）；
});

已经在谷歌和论坛上搜索了好一两个小时了，但是很快

我做错了什么？谢谢

PS我正在使用来自的滑块引导js和css插件。

您可以使用

css（）

，因为

$（'.jpecam_slider'）

是一个jQuery对象：

$('.jpegcam_slider').css('opacity', value*.01);

---

您将jQuery与通用JavaScript相结合

您需要更改此行：

$('.jpegcam_slider').style.opacity = (value*.01);

要从jQuery对象获取本机元素对象（使用

[0]

），请执行以下操作：

或使用：

---

查看并了解基本知识。

谢谢！这就解决了这个问题，由于某些原因，我还不能接受答案，但我会尽快接受你的答案，因为你是我的第一个。它修复了错误问题，但不会更改我选择的元素的不透明度值。（'.jpecam_slider'）是您选择的元素。如果有多个元素的类为

.jpecam\u slider

，则使用jQuery的

.css（）

方法将更改所有元素的不透明度。使用

[0]

方法将只针对与该选择器匹配的第一个元素。是的，这是文件中唯一具有该类名的元素。。但由于某些原因，它不会动态更新不透明度值。什么是

值

？也许你在寻找这样的东西：

value

就是这里所说的：基本上是滑块的值，我在上面的OP中的

input

元素中配置了它

$('.jpegcam_slider')[0].style.opacity = (value*.01);

$('.jpegcam_slider').css({ opacity: value*.01 });