Question

I want to reset the <div id="slider"> on clicking certain button.

<div> contains the slider (not important here).

is there any function like $(#slider).reset() or $(#slider).clear() or anything that clears the slider <div>?

Answer 1

You can set a value, e.g. the minimum for this slider (0):

$('#slider').slider("value", 0);

Also see this example.

To set to the maximum:

$('#slider').slider('value', $("#slider").slider("option", "max"));

Also see my updated example.

=== UPDATE ===

I’ve updated my example once more. Now you can alert the current value and set the maximum to 30 too:

$('#slider').slider('option', 'max', 30);
...
alert($('#slider').slider('value'));