<div>
You may use : $(&quot;.ui-slider-handle&quot;).wid<wbr />th(&quot;200px&quot;<wbr />);
</div>


You may use : $(".ui-slider-handle").width("200px");

<div>
But, how do I do this if I have more than 1 slider? I have two single-handle sliders on my page.<br />
<br />
Thanks!
</div>


But, how do I do this if I have more than 1 slider? I have two single-handle sliders on my page.

Thanks!

<div>
<div class="content wysiwyg-content">
Please let me know how I can dynamically change the width of a slider handle through javascript code. I do not want to do it though JQuery's resizable().<br />
<br />
<a href="http://jqueryui.com/demos/slider/#default" rel="ugc">http://jqueryui.com/demos/slider/#default</a><br />
<br />
Thanks!
</div>
</div>


Please let me know how I can dynamically change the width of a slider handle through javascript code. I do not want to do it though JQuery's resizable().

http://jqueryui.com/demos/slider/#default

Thanks!

Dynamically change the width of a slider handle

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

Web Development

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.