jQuery API

秒速五厘米 2022-05-28 04:55 163阅读 0赞

jQuery123 的 [jQuery API 中文文档][jQuery API]  
Shifone 的 [jQuery API 3.3.1 **速查表**][jQuery API 3.3.1]  
css88 的 [jQuery API 中文文档][jQuery API 1] – 可快速切换 jQuery 版本（1.0~3.1）  
css88 记录的[jQuery API 历次变更记录][jQuery API 2]  
365mini 的 [jQuery 快速入门教程][jQuery] （中文API、在线搜索，**能在线运行代码**）

## 简介 ##

jQuery 是个 JavaScript 框架。利用id、css、属性等各种选择器查找 DOM 对象，并对其施以操作。使我们可以写更少的代码，实现更多的功能。

## 操作 ##

### select 下拉框 ###

var selectValue = $("#select_id").val(); // 获取Select选择的Value
    var selectText = $("#select_id").find("option:selected").text(); // 获取Select选择的文本
    var selectIndex = $("#select_id option:first").selectedIndex; //获取Select选择的索引值
    var maxIndex = $("#select_id option:last").attr("index"); //获取Select最大的索引值
    
    $(".selector").val("pxx"); // 设置value为pxx的项选中
    $(".selector").find("option[text='pxx']").attr("selected",true);// 设置text为pxx的项选中
    
    // jQuery添加/删除Select的Option项
    $("#select_id").append("<option value='Value'>Text</option>"); // 为Select追加一个Option(下拉项)
    $("#select_id").prepend("<option value='0'>请选择</option>"); // 为Select插入一个Option(第一个位置)
    $("#select_id option:last").remove(); // 删除Select中索引值最大Option(最后一个)
    $("#select_id option[index='0']").remove(); // 删除Select中索引值为0的Option(第一个)
    $("#select_id option[value='3']").remove(); // 删除Select中Value='3'的Optiona
    $("#select_id option[text='4']").remove(); // 删除Select中Text='4'的Optiona
    // 清空内容
    $("#select_id").empty();

[jQuery API]: https://www.jquery123.com/
[jQuery API 3.3.1]: http://jquery.cuishifeng.cn/
[jQuery API 1]: http://www.css88.com/jqapi-1.9/
[jQuery API 2]: http://www.css88.com/jqueryapi
[jQuery]: http://www.365mini.com/page/jquery-quickstart.htm