jquery:节点操作,事件进阶(迭代),事件解绑

节点操作

名称

写法

描述

添加元素

父元素.append("<li>子元素</li>")

在父元素末尾插入子元素

prepend()

在父元素开头插入子元素

$(子元素).appendTo(父元素)

把子元素添加到父元素末尾

prependTo()

把子元素添加到父元素开头

before()

在被选元素前插入指定内容

after()

在被选元素后插入指定内容

删除元素

remover()

删除所有子节点+内容+事件

empty()

删除所有子节点+内容

替换节点

原元素.replaceWith(新内容)

替换内容

新内容.replaceAll(原元素)

替换内容

复制节点

变量=内容.clone()

复制节点+内容

事件进阶

分类

方法

描述

鼠标事件

click()

绑定单击事件

dbclick()

绑定双击事件

mouseover()

绑定鼠标离开事件

mouseout()

绑定鼠标进入事件

hover()

绑定鼠标悬停事件

键盘事件

keydown()

绑定键盘按下事件

keyup()

绑定键盘释放事件

keypress()

绑定键盘输入内容事件

e.keycode;

键盘码【a是65】

表单事件

focus()

获得焦点

blur()

失去焦点

change()

内容发生改变,失去焦点后

绑定事件

元素.bind("click[事件类型]",函数)

不支持动态事件绑定

元素.on( "事件类型",["子元素"],搞事)

注册委托事件

父元素.delegate("子元素","事件类型",搞事)

结构复杂

事件解绑

unbind()/unbind("click")

解绑bind所有事件/指定的事件

undelegate()/undelegate("事件类型")

解绑delegate

off()/off("事件类型1 事件类型2")

解绑on

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值