jquery获取节点名称


Posted in Javascript onApril 26, 2015

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; -

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

Javascript 相关文章推荐
表单提交时自动复制内容到剪贴板的js代码
Mar 16 Javascript
在JavaScript中,为什么要尽可能使用局部变量?
Apr 06 Javascript
javascript 另一种图片滚动切换效果思路
Apr 20 Javascript
精心挑选的15个jQuery下拉菜单制作教程
Jun 15 Javascript
extjs ColumnChart设置不同的颜色实现代码
May 17 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
Jun 28 Javascript
不提示直接关闭网页窗口的JS示例代码
Dec 17 Javascript
ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
May 02 Javascript
javascript中Date对象的getDay方法使用指南
Dec 22 Javascript
Vue.js每天必学之数据双向绑定
Sep 05 Javascript
jQuery列表检索功能实现代码
Jul 17 jQuery
基于vue-cli 打包时抽离项目相关配置文件详解
Mar 07 Javascript
jQuery实现鼠标经过提示信息的地图热点效果
Apr 26 #Javascript
jquery插件qrcode在线生成二维码
Apr 26 #Javascript
javascript函数式编程实例分析
Apr 25 #Javascript
javascript中eval函数用法分析
Apr 25 #Javascript
javascript属性访问表达式用法分析
Apr 25 #Javascript
javascript变量声明实例分析
Apr 25 #Javascript
javascript显式类型转换实例分析
Apr 25 #Javascript
You might like
提升PHP执行速度全攻略(下)
2006/10/09 PHP
用PHP实现ODBC数据分页显示一例
2006/10/09 PHP
PHP中通过语义URL防止网站被攻击的方法分享
2011/09/08 PHP
php添加文章时生成静态HTML文章的实现代码
2013/02/17 PHP
php图像处理函数大全(推荐收藏)
2013/07/11 PHP
php模仿asp Application对象在线人数统计实现方法
2015/01/04 PHP
在openSUSE42.1下编译安装PHP7 的方法
2015/12/24 PHP
PHP7新特性之抽象语法树(AST)带来的变化详解
2018/07/17 PHP
解决PHPstudy Apache无法启动的问题【亲测有效】
2020/10/30 PHP
实现连缀调用的map方法(prototype)
2009/08/05 Javascript
jquery select操作的日期联动实现代码
2009/12/06 Javascript
javascript基础知识大集锦(一) 推荐收藏
2011/01/13 Javascript
IE与FF下javascript获取网页及窗口大小的区别详解
2014/01/14 Javascript
jQuery实现渐变弹出层和弹出菜单的方法
2015/02/20 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
2015/06/25 Javascript
JS实现消息来时让网页标题闪动效果的方法
2016/04/20 Javascript
Backbone View 之间通信的三种方式
2016/08/09 Javascript
基于JavaScript Array数组方法(新手必看篇)
2016/08/20 Javascript
快速解决brew安装特定版本flow的问题
2018/05/17 Javascript
Element输入框带历史查询记录的实现示例
2019/01/15 Javascript
npm ci命令的基本使用方法
2020/09/20 Javascript
详解Python的Django框架中的通用视图
2015/05/04 Python
Python中的hypot()方法使用简介
2015/05/18 Python
在Python的Django框架中创建和使用模版
2015/07/15 Python
python中的计时器timeit的使用方法
2017/10/20 Python
简单了解Django模板的使用
2017/12/20 Python
python使用xslt提取网页数据的方法
2018/02/23 Python
python实现指定文件夹下的指定文件移动到指定位置
2018/09/17 Python
Python序列对象与String类型内置方法详解
2019/10/22 Python
CSS3 对过渡(transition)进行调速以及延时
2020/10/21 HTML / CSS
input元素的url类型和email类型简介
2012/07/11 HTML / CSS
单位工作证明格式模板
2014/10/04 职场文书
2014年电厂个人工作总结
2014/11/27 职场文书
孝女彩金观后感
2015/06/10 职场文书
Python+OpenCV实现图片中的圆形检测
2022/04/07 Python
《游戏王:大师决斗》新活动上线 若无符合卡组可免费租用
2022/04/13 其他游戏