Community Learn Tools Library Leisure

English

Programming Dictionary

Online technical manual for service programmers

Popular searches：
PHP
MySQL
jquery
HTML
CSS

jQuery Related dictionaries

first Translation example syntax

last Translation example syntax

even Translation example syntax

odd Translation example syntax

eq Translation example syntax

gt Translation example syntax

lt Translation example syntax

header Translation example syntax

animated Translation example syntax

contains Translation example syntax

empty Translation example syntax

visible Translation example syntax

attribute Translation example syntax

attribute-value Translation example syntax

attribute-value-2 Translation example syntax

attribute-value-1 Translation example syntax

input Translation example syntax

text Translation example syntax

password Translation example syntax

radio Translation example syntax

checkbox Translation example syntax

submit Translation example syntax

reset Translation example syntax

button Translation example syntax

image Translation example syntax

file Translation example syntax

enabled Translation example syntax

disabled Translation example syntax

selected Translation example syntax

checked Translation example syntax

bind Translation example syntax

blur Translation example syntax

change Translation example syntax

click Translation example syntax

dblclick Translation example syntax

delegate Translation example syntax

die Translation example syntax

error Translation example syntax

isdefaultprevented Translation example syntax

pageX Translation example syntax

pageY Translation example syntax

preventdefault Translation example syntax

result Translation example syntax

target Translation example syntax

timestamp Translation example syntax

type Translation example syntax

which Translation example syntax

focus Translation example syntax

keydown Translation example syntax

keypress Translation example syntax

keyup Translation example syntax

live Translation example syntax

load Translation example syntax

mousedown Translation example syntax

mouseenter Translation example syntax

mouseleave Translation example syntax

mousemove Translation example syntax

mouseout Translation example syntax

mouseover Translation example syntax

mouseup Translation example syntax

one Translation example syntax

ready Translation example syntax

resize Translation example syntax

scroll Translation example syntax

select Translation example syntax

submit Translation example syntax

toggle Translation example syntax

trigger Translation example syntax

triggerhandler Translation example syntax

unbind Translation example syntax

undelegate Translation example syntax

unload Translation example syntax

animate Translation example syntax

clearqueue Translation example syntax

fadeIn Translation example syntax

fadeout Translation example syntax

fadeto Translation example syntax

hide Translation example syntax

show Translation example syntax

slidedown Translation example syntax

slidetoggle Translation example syntax

slideup Translation example syntax

stop Translation example syntax

toggle Translation example syntax

addclass Translation example syntax

after Translation example syntax

append Translation example syntax

appendto Translation example syntax

attr Translation example syntax

before Translation example syntax

clone Translation example syntax

detach Translation example syntax

empty Translation example syntax

hasclass Translation example syntax

html Translation example syntax

insertafter Translation example syntax

insertbefore Translation example syntax

prepend Translation example syntax

prependto Translation example syntax

remove Translation example syntax

jQueryUI Selectable method

Chinese translationRecent Updates：2022-04-13 18:03:00

selectable

UK [sə'lektəbl] US [sə'lektəbl]

[理] Selectable

jQueryUI Selectable method Video explanation

jQueryUI Selectable method syntax

Function:Enable selectable function on a DOM element or a group of elements.

Instructions: Select items by dragging with the mouse. Hold down the Ctrl key to select multiple non-adjacent items.

jQueryUI Selectable method example

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI 选择（Selectable） - 默认功能</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">
 
  <style>
  #feedback { font-size: 1.4em; }
  #selectable .ui-selecting { background: #FECA40; }
  #selectable .ui-selected { background: #F39814; color: white; }
  #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
  #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
  </style>
  <script>
  $(function() {
    $( "#selectable" ).selectable();
  });
  </script>
</head>
<body>
 
<ol id="selectable">
  <li class="ui-widget-content">Item 1</li>
  <li class="ui-widget-content">Item 2</li>
  <li class="ui-widget-content">Item 3</li>
  <li class="ui-widget-content">Item 4</li>
  <li class="ui-widget-content">Item 5</li>
  <li class="ui-widget-content">Item 6</li>
  <li class="ui-widget-content">Item 7</li>
</ol>
 
 
</body>
</html>

Run instance »

Click the "Run instance" button to view the online instance

submit