1.获取元素:通过$()获取一个或多个元素,可以通过$()来取代原生js的querySelect和querySelectAll方法
注意:如果获取的元素不存在不会报错,原生的js也不会报错,但是原生js会输出null
$('.box a');//获取类名为box下的a标签
2.on(events,[selector],[data],fn)在选择元素上绑定一个或者多个事件处理函数
events:事件类型,与原生js代码相比没有on,可以给事件绑定多个事件类型,空格分开。
常见的事件类型有:focus(鼠标获得焦点)blur(失去焦点)mouseover(鼠标移入)mouseout(鼠标移出)mousedown(鼠标按下)mouseup(鼠标抬起)mousemove(鼠标移动)click(鼠标的点击=鼠标按下+鼠标抬起)keydown(用户按下键盘)keyup(用户释放键盘)press(相当于鼠标按下+鼠标释放)
selector:可选的,表示事件委托的元素(表示的是委托的元素)
data:可选的,事件可以传递数据,数据格式是对象。
fn:事件处理函数,函数名或者函数体
$('.tittle a').on("click mouseover",function(){
console.log(1);
})
3.off(events,[selector],[fn])在选择元素上移除一个或多个事件的事件处理函数。
$('.title a').off(); //全部移除
$('.title a').off('click'); //移除一个
4.addClass(class|fn)为当前元素添加指定的一个或者多个类名
$('.title a').on('click',function(){
$(this).addClass('active');//为当前元素添加active类名
})
5.removeClass([class|fn]) 清除当前元素的全部类 或者指定类
6.eq(index) 获取当前索引对应的元素,index可正可负,正数从前向后数,负数从后向前数
7.index([select|element])返回参数内元素对应的索引值,从0开始计数
8.sibling([expr]) 获取当前元素之外的兄弟元素