jquery获取节点名称 jquery对象与dom对象转换

发布时间:2020-08-11编辑:脚本学堂
有关jquery获取节点名称的方法,以及jquery对象与dom对象进行转换的方法与例子,在jquery实现dom对象操作时的一些注意事项。

一、jquery获取节点名称

jquery 的 get(index) 方法允许选择一个实际的 dom 元素并且对其直接操作,而不是通过 jquery 函数,然后直接访问 dom 元素的 tagname 属性。
$(this).get(0) 与$(this)[0] 等价。

元素内容:
 

<input id="test" type="text" name="xxx" value="xxx">
$("#test")[0].tagName
 

获取到的是DIV(注意是大写的)

jquery如何获取一上元素的名称比如dd:
 

$("#aa").xxxmethod 得到"div"

jquery如何获取一个元素的名称比如dd:
 

$("#aa").xxxmethod 得到"div"
 
$('#elementId').get(0).tagName
$("#aa")[0].tagName 这样就可以了。

jQuery 获取标签名:
 

$('#elementId').get(0).tagName


这里获得标签名为大写,如:A , DIV

二、jquery对象与dom对象的转换

只有jquery对象才能使用jquery定义的方法。

注意:dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是 jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。

例如:
 

$(document.getElementByIdx_x("msg"))则为jquery对象,可以使用jquery的方法。
 

由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。
如:$("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]这些都是dom对象,可 以使用dom中的方法,但不能再使用Jquery的方法。

正确写法:
 

$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)[0].innerHTML;
$("#msg").get(0).innerHTML; -