在jquery中，slider的意思为“滑块、浮动块，滚动条滑块”，是jquery UI中的一个小插件。Slider插件允许通过滑块进行选择。有各种不同的选项，比如多个手柄和范围。手柄可通过鼠标或箭头按键进行移动。
本文操作环境：windows10系统、jquery 1.10.4版本、thinkpad t480电脑。
slider（滑块）是jquery UI中的一个小插件。
jQuery UI 滑块（Slider）插件允许通过滑块进行选择。有各种不同的选项，比如多个手柄和范围。手柄可通过鼠标或箭头按键进行移动。
主题化
滑块部件（Slider Widget）使用 jQuery UI CSS 框架 来定义它的外观和感观的样式。如果需要使用滑块指定的样式，则可以使用下面的 CSS class 名称：
ui-slider：滑块控件的轨道。该元素会根据滑块的 orientation 另外带有一个 ui-slider-horizontal 或 ui-slider-vertical class。
ui-slider-handle：滑块手柄。
ui-slider-range：当设置 range 选项时使用的已选范围。如果 range 选项设置为 "min" 或 "max"，则该元素会分别另外带有一个 ui-slider-range-min 或 ui-slider-range-max class。
实例
一个简单的 jQuery UI 滑块（Slider）。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>滑块部件（Slider Widget）演示</title>
<link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
<style>#slider { margin: 10px; } </style>
<script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
</head>
<body>
<div id="slider"></div>
<script>
$( "#slider" ).slider();
</script>
</body>
</html>更多编程相关知识，请访问：编程学习！！
相关推荐：《jQuery教程》
Atas ialah kandungan terperinci jquery中slider是什么？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Apakah pemalam jquery?
Bagaimana untuk mengendalikan json dengan jquery
Bagaimana untuk memadam elemen dalam jquery
Penggunaan kaedah jQuery hover().
jquery melaksanakan kaedah paging
Apakah elemen tersembunyi dalam jquery
Apa yang ditonjolkan dalam jquery
Bagaimana untuk mematikan kemas kini automatik dalam win10
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
