Jquery api

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Draggable - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <style>
  #draggable { width: 150px; height: 150px; padding: 0.5em; }
  </style>
  <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#draggable" ).draggable();
  } );
  </script>
</head>
<body>
 
<div id="draggable" class="ui-widget-content">
  <p>Drag me around</p>
</div>
 
 
</body>
</html>

Source: codeit.codes

Similar codes

13 votes308 views6 answers
Check if jquery is loaded
Javascript jQuery
63 votes362 views6 answers
Jquery addclass
Javascript jQuery
0 vote326 views1 answer
Local storege in jquery
Javascript jQuery
33 votes288 views4 answers
Jquery addeventlistener
Javascript jQuery
21 votes267 views2 answers
Refresh page on button click jquery
Javascript jQuery
20 votes337 views2 answers
Parsefloat jquery
Javascript jQuery
0 vote331 views1 answer
Remove an attribute from style tag using jquery
Javascript jQuery
1 vote325 views1 answer
Jquery detect if element has overflow
Javascript jQuery
2 votes283 views1 answer
Focus on div after click jquery
Javascript jQuery
0 vote331 views1 answer
Formatar data com jquery
Javascript jQuery