0. 概述

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

  1. [root@liqiang.io]# cat test.html
  2. <select id=selectdemo>
  3. <option value =volvo>Volvo</option>
  4. <option value =saab>Saab</option>
  5. <option value=opel>Opel</option>
  6. <option value=audi>Audi</option>
  7. </select>
  8. <input type=checkbox name=boo id=checkbox>

1. 设置选择框的值

  1. $(#selectdemo).val(opel);

2. 获取选择框的值

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

3. 获取 CheckBox 时候选中

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

4. 设置 CheckBox 选中

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

5. 设置选择框事件

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

6. 设置 CheckBox 事件

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

7. 显示隐藏元素

  1. [root@liqiang.io]# cat jquery.js
  2. $("#selectdemo").show(); // 显示元素
  3. $("#selectdemo").hide(); // 隐藏元素