JQuery选择器： $(".xxxx")

之前做的项目比较low，就是在旧的基础上做些修改写个JS之类的，没有用什么框架，插件很多用的是Struts的前端插件比如说日历显示什么的。新的项目后台系统用的是基于JQuery的easyUI，使用选择器是避免不了的，学习这件事是跑不掉的。

说到选择器，我们要区分一下CSS选择器和Jquery选择器，基本大家遇到的选择器都是这两类，但是你要不清楚的话很容易有疑问，CSS选择器，你选择了我我就换个样式（给你换个脸）JQuery选择器，你选择了我
我就触发一个行为（给你换个体位）。
参看两者区别：
CSS选择器和jQuery选择器的区别与联系之一

$("#id")这个#选择器用的比较多，对应的是id选择器 ，突然看到这个 $(".xxxx")一时想不起来，查看参考手册了解到这个 . 选择器是对应的是样式class选择器
以下是关于JQuery的选择器介绍地址：
JQuery选择器 参考手册

这里要介绍的是样式选择器 $(".intro") ----为class="intro"的所有元素
使用的方式就是根据你给的样式也就是class定义的名称的元素，将这些元素作为选择器，可以进他们对应的操作

举个例子（我们根据页面上的select上的变化触发对应的JS函数，发送请求获取符合条件的信息）:
页面

<div id="table_tb" style="padding:5px;height:auto;" class="none">
    活动id
    <select id="search_aid" class="search">

    </select>
    &nbsp;&nbsp;&nbsp;&nbsp;
    订单状态
    <select id="search_os" class="search">
        <option value="">ALL</option>
        <option value="0">新订单</option>
        <option value="999">已取消</option>
        <option value="1000">支付成功</option>
        <option value="1099">获奖</option>
        <option value="1100">退款成功</option>
    </select>
    &nbsp;&nbsp;&nbsp;&nbsp;
    订单类型
    <select id="search_ot" class="search">
        <option value="">ALL</option>
        <option value="100">真实订单</option>
        <option value="200">赠送订单-分享购买</option>
        <option value="300">赠送订单-分享拉新</option>
        <option value="400">赠送订单-分享其他用户</option>
        <option value="900">其他</option>
    </select>

</div>

JS

  $(".search").change(function () {
        searchMethod();
    });


    function searchMethod() {

        var aid = $("#search_aid option:selected").val();
        var astatus = $("#search_os option:selected").val();
        var activityOrderType = $("#search_ot option:selected").val();

        if (aid || astatus || activityOrderType) {
            var tableQueryParams = {
                activityId: aid,
                orderStatus: astatus,
                activityOrderType:activityOrderType
            }
            $("#html_table").datagrid("load", tableQueryParams);
        }
    };