Dynatree教學

這一套也free的，也有結合contextMenu，最重要的是，官方網站有詳細的教學，個人感覺比jstree更好上手。目前發現一個小缺點，在新增節點時，無法在節點上輸入名稱，還是可以用，跳一個對話框出來輸入節點名稱來解決。

官方網站：Dynatree

下面將會整理一些常用的功能，來做為範例。

jstree教學

這一套是free的jquery套件，而且有整合contextmenu。由於官網的教學寫的不太詳細，所以我在這整理一下用法。
官方網站：jstree

Jquery基本用法

取的文字方塊(text)中的值

<input id="testId" class="testClass" value="123" name="test">
有三種方式分別為

1. 用name取值
$("[name='test']").val() ;
2. 用id取值
$("#testId").val();
3. 用class取值
$(".testClass").val();

checkbox取得有勾選的值 
$('input[name=checkBoxName]:checked').each(function(){
alert($(this).val());
});

radio取得有勾選的值
$('input[name=radioName]:checked').val();

radio預設勾選
$('input[value=2]:radio').attr('checked', 'checked');
或是
$('input[value=2][name=radioName]').attr('checked', 'checked');
 
判斷指定元素是否存在
if($('#testId').length > 0){
//to do
}