jQuery常用脚本

1. 标签、类：

$('p span')//p标签下的所有span节点，后代节点（对应用对象内所有子节点都有效，比如儿子div和孙子div；也称为后代选择器。）
$('p>span')//p标签下的所有span子节点，子代节点（只对应用对象的直接子节点有效，比如儿子div；也称为子代选择器。）
$('*')//所有节点
$("div,span,p.cls")//选取所有<div>，<span>和拥有class为cls的<p>标签的一组元素

（ ': '（冒号）可认为是从当前集合中进行选择的意思）
2. 筛选：

$('span:first')    //第一个节点
$('span:last')     //最后一个节点
$("td:even")     //索引为偶数的节点，从 0 开始
$("td:odd")      //索引为奇数的节点，从 0 开始
$("td:eq(1)")    //等于给定索引值的节点（见下面注释）
$("td:gt(0)")    //大于给定索引值的节点
$("td:lt(2)")    //小于给定索引值的节点
$(":focus")      //当前获取焦点的节点
$(":animated")   //正在执行动画效果的节点（animated，活泼的）
$("tr:hidden")   //匹配所有不可见的元素, 包括style="display:none", 也包括<input type="hidden"/>

其中，$("td:eq(1)")与$("td")[1]类似，区别在于前者为jQuery对象，后者为DOM对象，举例：

<select>
    <option value="0">请选择</option>
    <option value="1">男</option>
    <option value="2">女</option>
</select>
// 展示value值：
alert($("option:eq(1)").val());
alert($("option")[1].value);

3. 内容选择：

$("td:empty")    //不包含子节点和文本的空节点
$("td:parent")   //含有子节点或者文本的节点
$("div:has(p)")  //含有选择器所匹配的节点
$("div:contains('hello')")    //包含hello文本的节点

4. 表单选择：

$("input:checked") //所有选中的节点
$("select option:selected") //select中所有选中的option节点
$(":input") //匹配所有 input, textarea, select 和 button 节点
$(":text") //所有的单行文本框
$(":password") //所有密码框
$(":radio") //所有单选按钮
$(":checkbox") //所有复选框
$(":submit") //所有提交按钮
$(":reset") //所有重置按钮
$(":button") //所有button按钮
$(":file") //所有文件域
//基本可用以上方式操作<input>标签的各种type类型

// 获取某个节点的value值：
var addressId = $("#addressDiv [name='rdo-address']:checked").val();

5. 筛选与查找：

$("p").eq(0) //当前操作中第N个jQuery对象
$("p").get(0)// 当前操作中的第N个DOM对象
$('li').first() //第一个节点 也可用$('li:first')代替
$('li').last() //最后一个节点 也可用$('li:last')代替
$('li').hasClass("node") //节点是否含有某个特定的类,返回布尔值
$("#id").attr("class") //获取jQuery对象的class值
$("h2")[0].className//获取DOM对象的class值
$('li').has('ul') //包含特定后代的节点 也可用$('li:has(ul)')代替
$("div").children() //div中的每个子节点,第一层
$("div"<