jQuery常见面试问题DOM操作详解

序

关于JQ DOM运营的采访问题很多，可以从各个角度提问，列举几个常见问题。毕竟面试只是一个过程，掌握知识很重要。

面试问题html()，text()和val()在JQ有什么区别？

面试问题2:JQ的find()，has()和filter()有什么区别？

面试问题3:压箱底()和家长()有什么区别？

请在课文中找到答案.

DOM操作有三种：核心DOM、HTML-DOM、CSS-DOM

首先，插入节点

我们最常使用append和apendTo，但实际上有八种方法。

插入节点

第二，删除节点

Remove():删除节点并删除由元素节点绑定的事件。

Empty():清空节点元素的内容，类似$()。html(“”)。

第三，克隆(复制)节点

$().clone()，只复制节点，不复制方法和事件。

添加克隆(true)不仅复制节点，还复制方法，也称为深度克隆。

第四，更换节点

$(“新”)。replaceWith('old ')，返回新元素。

$(“旧”)。replaceAll('new ')，返回旧元素。

如果一个事件在替换之前已经绑定到一个元素，那么在替换之后，原来绑定的事件将与替换的元素一起消失，并且有必要在新元素上重新绑定该事件。

动词（verb的缩写）包节点

$(“span”)。wrapAll('div '):用一个元素包装所有元素。

Wrap():单独包装所有元素。

WrapInner:包装元素内容。

Unwrap():删除包，删除父元素，并排除正文。

第六，遍历节点

Children():只考虑子元素，不考虑后代元素。

Next():兄弟元素紧挨着下一个元素。

NextAll():同级紧接在所有同级元素的后面。

Prev():同级元素紧挨着上一个同级元素。

PrevAll():同级元素接近所有以前的同级元素。

兄弟():同一代的所有兄弟元素。

Find('span '):返回所选元素的后代元素，这些元素必须用括号填充。如果使用“*”查找所有后代，它将起到搜索作用。

Filter('div '):指定选择器的xx元素，必须用括号填充。合格的同级元素(不是后代)起过滤作用。

Has ('div '):不包含自身的限定子代元素必须用括号填充，这起到了过滤的作用。

Parents():获取所有祖先元素，参数为filter条件。

最近的('。new '):用于获取最近的匹配元素，包括其本身。最好检查它是否符合自身，如果符合，则返回元素本身；如果没有匹配，则查找父元素并向上移动，直到它与选择器元素匹配。如果什么都没有找到，返回一个空的jq对象。必须填写筛选条件，并且只能找到一个元素。

ParentsUntil():从xx位置开始的祖先节点。

七、属性和风格操作

$().css():修改css样式。设置后，它显示为内嵌样式。

$().attr('title '):获取title属性。

$().removeAttr(title '):移除title属性。

$ ().addclass ('new '):添加的类的名称不是选择器，因此不是"。新的”。

$ ().$().removeClass('new '):与上面相反。

$().切换() :

$().toggleClass():

$().hasClass():确定元素是否有类。

八、内容操作

$().html():获取内容，包括html标记，可以用于XHTML，但不能用于XML。

$().text():获取不带标签的文本内容。可用于XHTML和XML，支持所有浏览器，原生innerText Firefox不支持。

$().val():获取表单元素的内容。

我们来谈谈三者的异同：

异同

九.其他节点的操作

$(“div”)。切片(1，4)，得到满足条件的div。

$(“div”)。添加(' p ')。css()，自由添加样式，给div和p添加常用样式。

摘要

以上就是本文的全部内容。希望本文的内容能给你的学习或工作带来一些帮助。有问题可以留言交流。谢谢你的支持。