BJ の 狗窩

[jQuery 定義事件]

.bind(event, handler)

.change(handler)

.click(handler)

.dbclick(handler)

http://api.jquery.com/category/events/

[Toggle]

$('div#hint').toggle (

function() {

$('div#hint div#hint-content').slideDown();

}, function() {

$('div#hint div#hint-content').slideUp();

  }

);

[QuickSearch套件]

http://github.com/riklomas/quicksearch/

1. 測試 jquery 1.3.2+ 版本可以work.

2. <table> 外面<tag>怎麼加都可以, <table>的屬性也可以自行定義, 但如果屬性有多個值的話, 要把quicksearch要抓取的參數擺最前面.

3. <table>後面一定要按照<tbody> -> <tr> -> <td> 的格式才能使用.

4. 在執行 quicksearch() 時<table>就必須已存在html中.

5. <input>位置隨意都可, 搜尋條件要是多個, 可以用空白分開!!!

6.

html PART:

<header>

<script language="javascript" src="JS/jquery-1.3.2.min.js"></script>

<script language="javascript" src="JS/jquery.quicksearch.js"></script>

</header>

<table id="data">

<thead>...</thead>

<tbody>

<tr><td>...</td><tr>

</tbody>

<input class="searchinfo"></input>

</table>

javascript PART:

$('input.searchinfo').quicksearch('table#data tbody tr');