jquery-day03-day04-优快云博客

本文详细介绍jQuery如何创建、添加、清空、删除和克隆DOM节点，表单及非表单元素的内容获取与设置方法，以及特殊属性如宽度、高度、位置的获取方式。同时，深入讲解jQuery的事件注册机制，包括事件绑定、解绑，以及如何阻止默认事件和事件冒泡。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 创建节点：$("标签和内容")
2. 将节点添加到页面中
嵌套关系：
向后追加：父元素.append(子元素) 子元素.appendTo(父元素)
往前面添加：父元素.prepend(子元素) 子元素.prependTo(父元素)
并列关系：兄弟.after(元素) 兄弟.before(元素)
3. 清空节点：节点.empty()
删除节点：节点.remove()
克隆节点：节点.clone(true) 【clone():有一个bool类型的参数：false:不是深度复制，不会复制事件，默认的就是false
true:深度复制，事件也会复制】

1. 表单元素的文本内容：
获取：对象.val() 设置：对象.val("设置的文本内容")
2. 非表单的元素
获取：对象.text() 对象.html()

3.js获取文本内容：
普通标签的文本内容：innerText textContent innerHTML
表单元素的文本内容：value

三、封装的特殊的属性获取
获取元素的宽度和高度： width() height()
innerHeight(): height+padding
outerHeight(): height +padding + border
outerHeight(true): height +padding +border +margin
卷曲出去的值： scrollTop() scrollLeft()
获取位置：offset() position()

on()注册事件：
第一个参数：事件类型
第二参数：要让谁执行
第三个参数：传入的值
第四个参数：事件处理函数

四、事件机制
简单的事件----》bind----》delegate事件 ----》on

绑定：对象.on("事件的类型","谁执行"，数据,function(e){});
解绑：对象.off();//不写参数，将所有的事件都解绑，带有参数，解绑这个事件类型的所有事件

第三个参数：在回调函数中 e.data

阻止浏览器的默认事件： e.preventDefault()
阻止事件冒泡：e.stopPropagation()
return false;