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

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

outerHTML:元素内所有的html和文本内容,包含引用该方法元素自身的标签.

HTML:

<div id="test">

    <p style="text-align: center;">

        Hello Baidu

    </p>

</div>

javascript-jquery:

$("#test")prop("outerHTML");

prop() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值时,则返回第一个匹配元素的值。

当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。

注意:prop() 方法应该用于检索属性值,例如 DOM 属性(如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected)。

使用jquery 获取class,jquery得到class需要知道使用jquery获取属性方法,class本身也是元素的一个属性,jquery 获取class属性是经常要做的一个 *** 作,由于class本身也是元素的一个属性,所以可以通过attr方法来获取class的值,代码如下:

$('#demo')attr('class');

也可以使用javascript的元素对象来获取,代码如下:

$('#demo')[0]className;

jquery 设置class也是用的attr方法。

jquery通过任何选择器取得的对象都是jquery对象而不是JavaScript的dom对象不能用js的方法进行 *** 作 而需要使用jquery对象支持的方法 如果是通过class的话取得的是jquery对象数组

ps 如果想把jquery对象装换为js对象可以用以下方法

1 var obj = $('#xx')[0] 获得dom对象

2 对于数组

var obj = $('xx')each(function(){

alert(this)//这里 this获得的就是每一个dom对象 如果需要jquery对象 需要写成$(this)

});

比如定义的方法如下:

function objectClass(){

alert("这是自己定义的方法");

}

调用这个方法:

function useObjectClass(){

objectClass();

}

那么当事件触发useObjectClass()方法时,就会调用objectClass()方法了。

以上就是关于怎样用jQuery自带方法/函数来获取outerHTML属性全部的内容,包括:怎样用jQuery自带方法/函数来获取outerHTML属性、jQuery获取class元素、jquery 是如何通过 class 来获取元素的等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9690852.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存