jquery获取节点名称

 更新时间:2015年04月26日 10:51:49   投稿:hebedich  
这篇文章主要介绍了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; -

以上所述就是本文的全部内容了,希望大家能够喜欢。

相关文章

  • JQuery AJAX提交中文乱码的解决方案

    JQuery AJAX提交中文乱码的解决方案

    JQuery是一个非常优秀的框架,在特定场合下使用JQuery提交数据,相当的方便快捷。 但是,在处理一个GB2312编码的网站AJAX提交时,中文数据却成了乱码。
    2010-07-07
  • jQuery中slideUp()方法用法分析

    jQuery中slideUp()方法用法分析

    这篇文章主要介绍了jQuery中slideUp()方法用法,以实例形式分析了slideUp()方法的功能、定义及具体使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • jQuery实现高级检索功能

    jQuery实现高级检索功能

    这篇文章主要为大家详细介绍了jQuery实现高级检索功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • jQuery之简单的表单验证实例

    jQuery之简单的表单验证实例

    下面小编就为大家带来一篇jQuery之简单的表单验证实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • 基于jQuery实现Ajax验证用户名是否存在实例

    基于jQuery实现Ajax验证用户名是否存在实例

    这篇文章主要为大家详细介绍了基于jQuery实现Ajax验证用户名是否存在实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • jquery事件机制扩展插件 jquery鼠标右键事件

    jquery事件机制扩展插件 jquery鼠标右键事件

    jquery其实本身的事件机制就很完善了,包括了单击,双击,鼠标移入,鼠标移出等。但是却少了一个做事件。就是鼠标右击事件。当然大家也是直接用侦听鼠标按下事件,然后通过if来判断执行相应的函数。造成鼠标右击事件的效果
    2011-12-12
  • jQuery中大家不太了解的几个方法

    jQuery中大家不太了解的几个方法

    在今天这篇文章中,我们将介绍几个jQuery的相关方法,无论你是入门级极客或者骨灰级极客,可能都会忽略这些方法的使用。希望大家会觉得有帮助!
    2015-03-03
  • Jquery简单分页实现方法

    Jquery简单分页实现方法

    这篇文章主要介绍了Jquery简单分页实现方法,实例分析了jquery分页的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • jQuery is not defined 错误原因与解决方法小结

    jQuery is not defined 错误原因与解决方法小结

    今天在测试一个程序的时候,明显已经加载了jquery但总是提示jQuery is not defined,经过多方测试终于发现了问题,这里简单总结一下,需要的朋友可以参考下
    2017-03-03
  • 最新最热最实用的15个jQuery插件汇总

    最新最热最实用的15个jQuery插件汇总

    本文给大家汇总介绍了2015年7月最新发布的最热最实用的15款jQuery插件,都有着非常炫酷的效果,十分的实用,这里推荐给大家。
    2015-07-07

最新评论