jQuery 对象中存储的 DOM 对象顺序与页面标签声明位置的关系

过滤器内容预热

<div>1</div>    div1
<div>2</div>    div2
<div>3</div>    div3

<!--那么-->
$("div")==[dom1,dom2,dom3]

过滤器

1、基本过滤器

1.1：选择第一个 first，保留数组中第一个 DOM 对象

$("选择器:first")

1.2：选择最后一个 last，保留数组中最后的 DOM 对象

$("选择器:last")

1.3：选择数组中置顶对象

$("选择器:eq(数组索引)")

1.4：选择数组中小于指定索引的所有 DOM 对象

$("选择器:lt(数组索引)")

1.5：选择数组中大于指定索引的所有 DOM 对象

$("选择器:gt(数组索引)")

2、表单属性过滤器

启用状态：enabled 不可用状态：disabled 选择状态：checked、select，例如 radio、checkbox的 checked，以及下拉列表 select 中 option 的 selected

语法格式

<!--单选按钮和复选按钮的-->
    $(":radio:checked")

<!--下拉列表的-->
下拉列表就稍微有些麻烦
格式是：
    选择器>option:selected
    $("select>option:selected")

补充1：过滤器就是过滤条件，对已经单位到数组中的 DOM 对象进行再次的过滤筛选补充2：过滤器不能单独用，只能和选择器一起用。过滤条件不能独立出现在 jQuery 函数。如果使用，只能出现在选择器后方。

jQuery 绑定事件方式

不用 on 方式

通过 jQuery 对象来绑定事件，可以做到动态绑定事件这个事件要去掉前面的“on” 语法格式

$("选择器").click(function(){})
例：
$("#btn").click(function(){
    alert("btn按钮单击了")
})

<script type="text/javascript">
    //相当于是onLoad()
    $(function(){
        $("#btn1").click(function(){
            alert("btn1按钮单击了")  
        })
    })
</script>

on 方式绑定事件

event∶事件，可以是一个或者多个。多个之间用空格分开 function∶规定当事件发生时的处理函数

$(选择器).on(event,function(){自定义函数})

jQuery过滤器及事件绑定方式