Jquery

• 获取当前节点及子节点
  • 最佳实践

获取当前节点及子节点

jQuery.html() 是获取当前节点下的html代码，并不包含当前节点本身的代码

jQuery.parent().html() 如果当前元素没有兄弟元素可以，如果有那就不行了

最佳实践

jQuery.prop("outerHTML")

示例：

<div class="test"><p>hello，你好！</p></div>
<script>
	$(".test").prop("outerHTML");
</script>

结果：

<div class="test"><P>hello,你好！</p></div>

原因：原生JS DOM里有一个内置属性 outerHTML （区分大小写）用来获取当前节点的html代码(包含当前节点)，所以用jQuery的prop()能拿到

PS：经过实验 attr() 方法是拿不到的