jquery on方法,parents() 方法和siblings() ,attr()方法

定义和用法:

1.on() 方法在被选元素及其子元素上添加一个或多个 事件处理程序

2.自jquery1.7版本之后 on()方法是bind() live() delegate() 方法新的替代品 推荐使用此方法!使用其他的方法可能会出现不兼容的问题

3.使用on()方法添加的事件程序适用于当前及未来的程序(这里的未来的程序是脚本创建的新元素,或者是以前的事件代理程序)

  1. 如果要移除使用on()方法添加的事件处理程序 请使用与之对应的off()方法

5.如果你想事件执行一次就移除请使用one()方法

6.on()方法支持自定义事件

语法:

$(selector).on(event, childSelector,data,function(){alert(“给你点赞”);});

参数说明:

event 必须 事件的名称(可以自定义) 支持绑定多个事件 多个事件用空格分开 也可以是map参数和数组

childSelector 可选 添加事件程序的子元素而且不是父选择器本身

data 可选 传递到事件对象 event的额外的参数

function 必选 规定事件发生时运行的函数

jQuery siblings() 方法
返回带有类名 class = “active” 的每个

  • 元素的所有同级元素:
    $(this).addClass(“active”).siblings().removeClass(“active”)
    siblings() 方法返回被选元素的所有同级元素。
    同级元素是共享相同父元素的元素。
    DOM 树:该方法沿着 DOM 元素的同级元素向前和向后遍历。
    提示:请使用 prev() 或 next() 方法来缩小仅仅搜索前一个同级元素或后一个同级元素的范围。
  • jQuery parents() 方法返回被选元素的所有祖先元素。

    祖先是父、祖父、曾祖父,依此类推。
    DOM 树:该方法从父元素向上遍历 DOM 元素的祖先,直至文档根元素的所有路径()。
    注意:如果 filter 参数为空,该方法将从直接父元素直至 和 的所有路径中选取元素集合中的所有祖先。因此传递一个缩小搜索结果范围的选择器表达式是非常有用的。
    该方法与 closest() 都是向上遍历 DOM 树,不同点是:

    parents()
    	从父元素开始
    	沿 DOM 树向上遍历,并返回匹配所传递的表达式的所有祖先
    	返回包含零个、一个或多个元素的 jQuery 对象
    closest()
    	从当前元素开始
    	沿 DOM 树向上遍历,并返回匹配所传递的表达式的第一个祖先
    	返回包含零个或一个元素的 jQuery 对象
    	其他相关方法:
    parent() - 返回被选元素的直接父元素
    parentsUntil() - 返回两个给定参数之间的所有祖先元素
    

    attr()方法

    attr()
    作用:获取或者设置属性结点的值
     可以传递一个参数也可以传递两个参数
     如果传递一个参数代表获取属性结点的值
     如果传递两个参数代表设置属性结点的值
    
     注意:如果是获取,无论找到多少个元素都只会返回第一个元素指定的属性结点的值
     如果是设置,找到多少个元素就会设置多少个元素的值
     如果是设置,设置的属性结点不存在,系统会自动新增
    
     removeAttr
     作用:删除属性结点
    
     注意:会删除所有找到元素指定的属性结点那么是否有跟attr()相似的属性呢?jquery中val()与之类似,$(this).val();获取某个元素节点的value值,相当于$(this).attr("value");$(this).val(value);设置某个元素节点的value值,相当于$(this).attr("value",value);
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值