一.选择器

1.过滤选择器(跟节点遍历-过滤相似)

①找第一个元素

语法:$("选择器:first")




Android checkbox 取消点击态_js hover 触发事件


②找最后一个元素

语法:$("选择器:last")


Android checkbox 取消点击态_checkbox选中触发事件_02


③根据索引查找元素

语法:$("选择器:eq(索引)")


Android checkbox 取消点击态_js hover 触发事件_03


④找符合条件之外元素

语法:$("选择器:not(选择器)")


Android checkbox 取消点击态_css奇数偶数选择器_04


⑤找索引为偶数项的元素

语法:$("选择器:even")


Android checkbox 取消点击态_js hover 触发事件_05


⑥找索引为奇数项的元素

语法:$("选择器:odd")


Android checkbox 取消点击态_jquery选择器有哪些类型_06


2.属性选择器

①只要拥有某个属性就选中

语法:$("[属性名]")

②属性名和属性值匹配就选中

语法:$("[属性名='属性值']")

③属性名和属性值不匹配就选中

语法:$("[属性名!='属性值']")

④选取属性值包含有value的元素

语法:$("[属性名*='value']")

注意:使用选择器的时候,尽量选择的范围更加精确一些。

二.表单属性

1.根据input标签的type属性值

语法:$(":type属性值")

2.选取所有被选中的元素(单选框和复选框)

语法:$(":checked")


Android checkbox 取消点击态_选择器_07


3.选取所有被选中的选项元素(下拉列表) 语法:$(":selected")

注意:$(":selected")是作用于option标签的,而不是作用于select标签

$("#box3 > select:selected") 错误

$("#box3 > select > option:selected") 正确 使用选择器的时候,尽量选择的范围更加精确一些。


Android checkbox 取消点击态_选择器_08


三.hover事件

鼠标进入响应鼠标进入事件,鼠标离开响应鼠标离开事件。

语法:hover(fnOver,fnOut)

fnOver:函数类型,鼠标进入需要响应事件。

fnOut:函数类型,鼠标离开需要响应事件。

注:如果参数只有一个回调函数,那么鼠标进入和离开都会响应。

hover事件本质上就是:mouseenter+mouseleave的组合事件。

四.绑定事件

1.使用jQuery如何实现取消事件?

a)使用bind来绑定事件 语法:事件源.bind(types, data, fn)

types:需要绑定的事件类型,并且可以一次绑定多个事件。

注:需要响应多个事件,事件之间用空格分割。例如:"click mouseenter"

data:需要传递的参数,该参数一般为JSON格式的对象【可选】

fn:响应事件的回调函数

b)使用unbind来取消事件绑定

语法:事件源.unbind(types) types:需要解绑的事件类型

2.on绑定事件

语法:element.on(types,selector,data,fn)

types:需要绑定的事件类型,并且可以一次绑定多个事件。

selector:执行触发绑定事件的子元素【可选】

如果省略CSS选择器,那么就只能绑定事件的元素的自己来触发

data:需要传递的参数,该参数一般为JSON格式的对象【可选】

fn:响应事件的回调函数,该回调函数中this指的就是响应该事件的事件源

3 .off事件解绑

语法:element.off(types, selector)

types:需要解绑的事件类型,可以一次解绑多个

selector:CSS选择器,设置需要解绑的子元素.