怎样用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>

在“jquery”中取“input的readonly”属性时，发现“：$(“#input”)readonly”取这个属性时，总是“undefined”，难道“html”中的属性“only”没有大写，是不是“javascript”需要将O大写。

修改之后“$(“#input”)readOnly”，就能取到值。“Javascript: ”为<input>设置“readOnly”属性。

使用“javascript” 动态设置“textbox的readonly”，发现 “readonly ”属性为：“readOnly=true”（注意，javascript 的大小写）。

input只读属性有两种方式可以实现input的只读效果：“disabled” 和“ readonly”。“Disabled”说明该input无效，及其value不会传递给任何程序，比如asp、php等。“Readonly”仅仅是无法编辑，不影响其值的传递。

“Disabled”使用：“<INPUTtype=”text”name=”

username”value=”james”disabled>”。

“Readonly”使用：“<INPUT type=”text” name=”partNumber”value=”1500″ readonly>”。

首先你要明白，JQuery是JavaScript的封装，说白了还是JS，它不能对后台的java对象做任何的处理，只有对后台响应的字符串做处理。

你想在页面中用JQuery用对象的方式调用后台的响应数据，你就得通过java方法，把对象转化为字符串输出到客户端才行。

建议使用Java转化对象里面的值为json字符串给JQuery，这样你就能用你的代码了。

以上就是关于怎样用jQuery自带方法/函数来获取outerHTML属性全部的内容，包括:怎样用jQuery自带方法/函数来获取outerHTML属性、jquery中怎么获取页面input并且readonly属性input元素对象、JQuery调用ajax,怎么获取返回的对象的某个属性等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！