菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 孙科20221228 [打印本页]

作者: Sunke丶 时间: 2023-1-5 22:58
标题: 孙科20221228

操作dom节点

创建节点

var dom = $("<li class='item'>这是动态添加的li标签</li>");

追加：$('#list').html(dom);

增加节点

在父节点内容之前或者之后增加新节点

在父节点之后添加新节点

父节点.append(新节点)

新节点.appendTo（父节点)

在父节点之前添加新节点

父节点.prepend(新节点)

新节点.prependTo(父节点)

在兄弟节点之前或者之后增加新节点

在兄弟节点之后添加新节点

兄弟节点.after(新节点)

新节点.insertAfter(兄弟节点)

在兄弟节点之前添加新节点

兄弟节点.before(新节点)

新节点.insertBefore(兄弟节点)

删除节点

empty()--删除所有子元素，但是自身还在

remove()--删除指定的jq对象，并删除自身,并且不保留绑定事件

detach()--删除指定的jq对象，并删除自身，保留绑定的事件

复制节点

clone()

参数：默认值为false，只复制节点

参数为true--复制节点的同时也复制事件

文本内容修改

.val()--相当于value

.text()--相当于textContext 、innerText

.html()--相当于innerHTML

属性操作

标准属性--prop（）

设置单个标准属性的值：.prop（'key','value'）

设置多个标准属性的值：.prop（{key:'value',key:'value',...}）

获取标准属性的值:.prop('key')

移除标准属性:.removeProp('key');

自定义属性

设置单个自定义属性的值：.attr（'key','value'）

设置多个自定义属性的值：.attr（{key:'value',key:'value',...})

获取自定义属性的值:.attr('key')--有名无值结果为空,无名无值结果为undefined

移除自定义属性:.removeAttr('key');

data（）--数据缓存，数据放在元素的内存里

不会改变dom的元素结构,在标签上不显示，但是可以通过标签的data()来存取;刷新页面之后，之前存放的数据都将被移除

设置单个data的值：.attr（'key','value'）

设置多个data的值：.attr（{key:'value',key:'value',...})

获取：.data('key')

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)