怎样用jQuery自带方法函数来获取outerHTML属性

什么是outerHTML

outerHTML，中文意为图例分析，用于获取元素内的html内容和文本。

与JQ的$()html()所不同的是，jQueryhtml() 是获取当前节点下的html代码，并不包含当前节点本身的代码。而outerHTML则包含本身的代码

例HTML：

<p id="testid"><span>这是一段Html代码</span></p>

它的html()为：

<span>这是一段Html代码</span>

而有时候回需要包含当前节点的代码，所以就用到了outerHTML，也就是

<p id="testid"><span>这是一段Html代码</span></p>

如何使用jQuery获取outerHTML

原生的JS Dom中有一个内置属性叫做：outerHTML (注意大小写敏感)获取包含当前节点的HTML代码。所以可以用JQ中的prop()获取，以上文代码为例

$('#testid')prop("outerHTML")

完整代码示例

<script src="

<p id="testid"><span>这是一段Html代码</span></p>

<script type="text/javascript">

consolelog("节点内的HTML代码\n"+$('#testid')html());

consolelog("包含节点的HTML代码\n"+$('#testid')prop("outerHTML"));

</script>

<div id="a">

<div id='b'>

<div id='child'>

</div>

</div>

<div id='c' class='e'>

</div>

<div id='d' class='e'>

</div>

</div>

除B以外的元素。。

$('#child')parent('div')hasClass('e');

jQuery强大就之处 其中就有一条是 jq有超强的 选择器, 可以快速选取元素; 比如常用的选择器有: 基本选择器,层次选择器;基本过滤选择器属性过滤选择器,子元素过滤选择器等

当然了除开jq,我们也可以使用原生的JavaScript来实现比如:

documentgetElementById()

documentgetElementsByName()

documentgetElementsByTagName()

documentgetElementsByClassName()

documentgetElementsByTagNameNS()

当然了你也可以使用其他的js框架, 很多框架也提供了不错的选择器~

以上就是关于怎样用jQuery自带方法/函数来获取outerHTML属性全部的内容，包括:怎样用jQuery自带方法/函数来获取outerHTML属性、怎么用Jquery取一个父类元素中，除某个子元素以外的所有其他子元素。、除了通过jq选择器获取元素外还有哪些方法可以实现等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！