jQuery的核心方法介绍一

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]) 获取当前元素之外的兄弟元素

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值