jQuery UI

CSSクラスの設定例●選択可能な要素を限定する

 $('dl#selectable-filter').selectable({filter:'dt'});

CSS設定

.ui-selectable {border:1px solid #000;}
.ui-selectee {border:2px dotted #f00;}
.ui-selecting {background-color:#cf9;}
.ui-selected {background-color:#cf9;color:red;}
.ui-unselecting {background-color:#9cf;}

<dl id="selectable-filter">
  <dt>HTML</dt>
  <dd>タグでWebページの構造を記述する</dd>
  <dt>CSS</dt>
  <dd>タグでWebページの構造を記述する</dd>
  <dt>javaScript</dt>
  <dd>タグでWebページの構造を記述する</dd>
  <dt>jQuery</dt>
  <dd>タグでWebページの構造を記述する</dd>
  <dt>Wevサーバー</dt>
  <dd>タグでWebページの構造を記述する</dd>
</dl>