0. 概述

这是一个下面 jQuery 示例使用的 html 文件：

[[email protected].io]# cat test.html
<select id=selectdemo>
      <option value =volvo>Volvo</option>
      <option value =saab>Saab</option>
      <option value=opel>Opel</option>
      <option value=audi>Audi</option>
</select>
<input type=checkbox name=boo id=checkbox>

1. 设置选择框的值

$(#selectdemo).val(opel);

2. 获取选择框的值

$(#selectdemo).val()
// 当前选中项的 Text
$(#selectdemo).find(option:selected).text();

3. 获取 CheckBox 时候选中

$(#checkbox).is(':checked')

4. 设置 CheckBox 选中

$(#checkbox).prop(checked, true)

5. 设置选择框事件

$(#selectdemo).change(function(){
    console.log($(#selectdemo).val());
});

6. 设置 CheckBox 事件

$(#checkbox).change(function(){
    console.log($(#checkbox).is(:checked));
})

7. 显示隐藏元素

[[email protected].io]# cat jquery.js
$("#selectdemo").show(); // 显示元素
$("#selectdemo").hide(); // 隐藏元素