一.选择器
1.过滤选择器(跟节点遍历-过滤相似)
①找第一个元素
语法:$("选择器:first")
②找最后一个元素
语法:$("选择器:last")
③根据索引查找元素
语法:$("选择器:eq(索引)")
④找符合条件之外元素
语法:$("选择器:not(选择器)")
⑤找索引为偶数项的元素
语法:$("选择器:even")
⑥找索引为奇数项的元素
语法:$("选择器:odd")
2.属性选择器
①只要拥有某个属性就选中
语法:$("[属性名]")
②属性名和属性值匹配就选中
语法:$("[属性名='属性值']")
③属性名和属性值不匹配就选中
语法:$("[属性名!='属性值']")
④选取属性值包含有value的元素
语法:$("[属性名*='value']")
注意:使用选择器的时候,尽量选择的范围更加精确一些。
二.表单属性
1.根据input标签的type属性值
语法:$(":type属性值")
2.选取所有被选中的元素(单选框和复选框)
语法:$(":checked")
3.选取所有被选中的选项元素(下拉列表) 语法:$(":selected")
注意:$(":selected")是作用于option标签的,而不是作用于select标签
$("#box3 > select:selected") 错误
$("#box3 > select > option:selected") 正确 使用选择器的时候,尽量选择的范围更加精确一些。
三.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选择器,设置需要解绑的子元素.