jQWidgets jqxSlider decrementValue()方法

jQWidgets是一个流行的JavaScript框架，在该框架中，jqxSlider是一个能够让用户拖动滑块来输入数值的控件。decrementValue()方法是该控件的一个重要方法，它用于减小滑块的数值。

下面给出一个基本的实现示例：

$('#slider').jqxSlider({
    template: 'success',
    ticksFrequency: 10
});

$('#decrease').click(function() {
    $('#slider').jqxSlider('decrementValue');
});

以上示例中，首先我们使用了jqxSlider()方法来创建一个滑块控件，其中template属性表示该控件的主题，ticksFrequency属性定义了滑动条上显示的刻度。然后我们使用click()方法绑定了一个事件，当用户点击对应的按钮时，就调用了decrementValue()方法，这样滑块上的数值就会减少。

下面再举一个具体的示例，来展示如何结合其他组件使用decrementValue()方法。在该示例中，我们首先使用了一个选框组件，该组件用于绑定当前需要降低数值的滑块控件，然后我们给选框绑定了一个change()事件，当用户选择了新的选项时，就动态地调整了滑块上的数值。

$('#slider1').jqxSlider({
    template: 'success',
    ticksFrequency: 10
});

$('#slider2').jqxSlider({
    template: 'warning',
    ticksFrequency: 10
});

$('#select-slider').change(function() {
    var index = $(this).val();
    var slider;
    if (index == '1') {
        slider = $('#slider1');
    } else if (index == '2') {
        slider = $('#slider2');
    }
    slider.jqxSlider('decrementValue');
});

以上示例中，我们首先使用jqxSlider()方法创建了两个不同的滑块控件，并使用一个选框组件来绑定这些控件。当用户选择一个选项时，我们根据其值来动态设置其需要绑定的滑动控件。然后我们绑定了一个change()事件，当用户选择了新的选项时，当前绑定的滑块控件就会自动降低它的数值。最后，我们使用了decrementValue()方法来实现了该功能。

总体来说，decrementValue()方法是一个实现滑块功能的重要方法，它能够让用户更加方便地使用滑块控件。