jq节点操作、事件

本文介绍了使用jQuery进行节点操作的方法,包括添加、删除、替换和复制节点等,同时也详细讲解了如何处理各种事件,如鼠标事件、键盘事件和表单事件等。

节点操作

jQ添加元素
append()

append()在父元素的结尾添加子元素

appendTo()

appendTo()把子元素添加到父元素的结尾

prepend()

prepend()在父元素的开头添加子元素

prependTo()

prependTo()把子元素添加到父元素的开头

after()

after()在被选元素之后插入指定的内容

before()

before()在被选元素之前插入指定的内容

jQ删除元素
remove()

remove()移除被选元素,包括所有的文本和子节点,也会移除事件。

如果只需要移除元素的内容,使用empty()。

替换节点
replaceWith()

replaceWith()把被选元素替换新的元素内容

replaceAll()

replaceAll() 新的元素内容在被选元素替换

复制节点
clone()

clone()方法生成副本包括子节点。

事件

鼠标事件

鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件。常用鼠标事件有:

click() 触发或将函数绑定到指定元素的 click 事件。

dblclick() 触发或将函数绑定到指定元素的 dblclick 事件。

mouseover() 触发或将函数绑定到指定元素的 mouseover 事件。

mouseout() 触发或将函数绑定到指定元素的 mouseout 事件。

hover() 当鼠标移动到元素上时,会触发指定的第一个函数 (mouseenter) ,

当鼠标移出这个元素时,会触发指定的第二个函数 (mouseleave)。

键盘事件

用户每次按下或者释放键盘上的键时都会产生事件,

常用键盘事件有:

keydown() 键盘按下触发。

keypress() 紧接着keydown事件触发(只有按下字符键时触发)。

keyup() 键盘弹起时触发。

表单事件

当元素获得焦点时,会触发 focus 事件,失去焦点时,会触发 blur 事件。

focus() 当元素获得焦点时,会触发 focus 事件。

blur() 失去焦点时,会触发 blur 事件。

change() 当元素的值改变时发生change 事件描述。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值