-
回顾下几组DOM插入有关的方法： innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 和 outerText 在读取的时候是一样的，只是在设置的时候 outerText 会连带标签一起替换成目标文本 firefox不支持innerText，但是可以用textContent作为替代方案。 jQuery封装的方法html，text，val(放到属性一章） .html()用为读取和修改元素的HTML标签 .text()用来读取或修改元素的纯文本内容 .val()用来读取或修改表单元素的value .html() 方法对 XML 文档无效。 1 .text() 在XML 和 HTML 文档中都能使用。 2 .text() 方法返回一个字符串，包含所有匹配元素的合并文本。（由于在不同的浏览器中的HTML解析器的变化，返回的文本中换行和其他空白可能会有所不同。 3 .text() 方法不能使用在 input 元素或 scripts 元素上。 input 或 textarea 需要使用 .val() 方法获取或设置文本值。得到scripts元素的值，使用.html()方法。查看全部
-
<!doctype html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"/> <script src="http://code.jquery.com/jquery-latest.js"></script> <title>节点操作</title> </head> <body> <div> </div> <button id="test1">append操作</button> <button id="test2">after操作</button> <button id="test3">html操作</button> <h2>Greetings</h2> <div class="container"> <div class="inner">Hello</div> <div class="inner">Goodbye</div> </div> <script type="text/javascript"> $('#test1').click(function(){ $('.inner').append('<p>Test</p>') }) $('#test2').click(function(){ $('.inner').after('<p>Test</p>'); }) $('#test3').click(function(){ alert($('h2').html()) }) </script> </body> <!-- 1 --> </html> <!-- 1 --> <!-- 1 -->查看全部
-
after是在被选元素后添加，append和appendTo是在被选元素内容后添加，仍在被选元素标签内的。查看全部
-
遍历的接口我们可以归为几大类： 1 祖先 2 同胞兄弟 3 后代 4 过滤查看全部
-
希望学习了这章能有所进步！查看全部
-
1-6遍历后代查看全部
-
jquery 遍历同胞（下）查看全部
-
jquery 遍历同胞(上)查看全部
-
jquery 遍历同胞(上)查看全部
-
jquery源码--遍历祖先查看全部
-
这种关系好理解查看全部
-
.nextAll() 获得匹配元素集合中每个元素之后的所有同辈元素，由选择器进行筛选（可选）。 .nextUntil() 获得每个元素之后所有的同辈元素，直到遇到匹配选择器的元素为止。 .prevAll() 获得匹配元素集合中每个元素之前的所有同辈元素，由选择器进行筛选（可选）。 .prevUntil() 获得每个元素之前所有的同辈元素，直到遇到匹配选择器的元素为止。查看全部
-
移除 涉及节点删除的接口jQuery划分了四个分别是detach，empty，remove，unwrap，因为使用的范围不同，所以功能有所差异，但是总的来说都是用来清理节点的。 .empty() 从DOM中移除集合中匹配元素的所有子节点，为了避免内存泄漏，jQuery先移除子元素的数据和事件处理函数，然后移除子元素。 .remove() 将元素移出DOM，当我们想将元素自身移除时我们用 .remove()，同时也会移除元素内部的一切，包括绑定的事件及与该元素相关的jQuery数据。remove是empty的加强版，把本身的父节点也清除掉了。因为remove支持过滤器所以支持传递selecor。remove需要删除自身及其所有的子元素包括事件与数据，所以要通过找到父节点parnetNode移除。 .detach() 如果你想删除元素，不破坏他们的数据或事件处理程序（这些绑定的信息还可以在之后被重新添加回来）。.detach() 方法和.remove()一样, 除了 .detach()保存所有jQuery数据和被移走的元素相关联。当需要移走一个元素，不久又将该元素插入DOM时，这种方法很有用。查看全部
-
用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合。查看全部
-
jQuery针对DOM操作的插入的方法有大概10种： append、prepend、before、after、replaceWith appendTo、prependTo、insertBefore、insertAfter、replaceAll 分2组，上下对照，实现同样的功能。主要的不同是语法——特别是内容和目标的位置。查看全部
举报
0/150
提交
取消