Basic implementation
A demonstration that you can play with will tell you more about the functionality provided by this library component than merely reading about it. The first thing we should do is invoke the default implementation to get a glimpse of the basic functionality provided by this component. In a new file in your text editor, add the following code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jQuery UI Selectable Example 1</title>
</head>
<body>
<ul id="selectables">
<li>This list item can be selected</li>
<li>This list item can be selected</li>
<li>This list item can be selected</li>
<li>This list item can be selected</li>
<li>This list item can be selected</li>
</ul...