怎样用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获取classname的方法。

如下参考：

1．首先，打开桌面上的jquery图标，打开软件，创建一个新的HTML文档，并指定元素的ID。

2．编写JS脚本，根据ID选择元素，如下图所示。

3．使用．val（）方法获取被选元百素的value值，如下图。

4．以d出窗口的形式显示得到的输入值。

5．保存文件并在浏览器中查看结果。

改为

//循环每一个css样式为mod-listTitle_right'的元素

$('mod-listTitle_right')each(function(e){

$(this)click(function(){

var this_name = $(this)attr("id");

$post('collegephp',{zb_name:this_name},function(bck){

//需要做的 *** 作

});

});

});

var rowId = 'INDEX: 20160911',

view = documentgetElementById(rowId),

// 将Element对象转换为JQuery对象

$view = $(view);

// 毫无疑问，结果返回1alert($viewlength)

此方法强大，几乎就是大杀器，没有查询不了的元素，无论你的元素ID命名多么刁钻。

$('#id')siblings()

当前元素所有的兄弟节点

$('#id')prev()

当前元素前一个兄弟节点

$('#id')prevaall()

当前元素之前所有的兄弟节点

$('#id')next()

当前元素之后第一个兄弟节点

$('#id')nextall()

当前元素之后所有的兄弟节点

这三个方法都可以添加选择器，给出选择条件，就能找到你指定的兄弟节点了。

jQuery 的 index() 方法返回指定元素相对于其他指定元素的索引值，注意：索引值是从0开始计数的。获得当前元素的索引值可用click事件触发

示例代码如下：获取被点击的a标签的索引值

1，创建Html元素

2，设置css样式

3，编写jquery代码

4，观察效果：因为index从0开始计数，所以点击第三个元素，获取的索引值是2

扩展资料

jQuery的核心特性：

1，具有独特的链式语法和短小清晰的多功能接口；

2，具有高效灵活的css选择器，并且可对CSS选择器进行扩展；

3，拥有便捷的插件扩展机制和丰富的插件。

4，jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。

参考资料：

jQuery - 百度百科

以上就是关于怎样用jQuery自带方法/函数来获取outerHTML属性全部的内容，包括:怎样用jQuery自带方法/函数来获取outerHTML属性、jquery 获取classname、jQuery如何根据获取到id的值，在根据此id的值进行 *** 作。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！