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 相关文章推荐
用showModalDialog弹出页面后,提交表单总是弹出一个新窗口
Jul 18 Javascript
jquery中ajax调用json数据的使用说明
Mar 17 Javascript
javascript实现原生ajax的几种方法介绍
Sep 21 Javascript
javascript实现的猜数小游戏完整实例代码
May 10 Javascript
每日十条JavaScript经验技巧(一)
Jun 23 Javascript
一次$.getJSON不执行的简单记录
Jul 19 Javascript
Angular.JS中的指令引用template与指令当做属性详解
Mar 30 Javascript
VuePress 静态网站生成方法步骤
Feb 14 Javascript
浅谈layui使用模板引擎动态渲染元素要注意的问题
Sep 14 Javascript
vue项目使用.env文件配置全局环境变量的方法
Oct 24 Javascript
在js文件中引入(调用)另一个js文件的三种方法
Sep 11 Javascript
element-ui封装一个Table模板组件的示例
Jan 04 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 高级课程笔记 面向对象
2009/06/21 PHP
PHPThumb PHP 图片缩略图库
2012/03/11 PHP
PHP PDOStatement对象bindpram()、bindvalue()和bindcolumn之间的区别
2014/11/20 PHP
php字符串截取函数用法分析
2014/11/25 PHP
Windows下wamp php单元测试工具PHPUnit安装及生成日志文件配置方法
2018/05/28 PHP
Laravel Reponse响应客户端示例详解
2020/09/03 PHP
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
2010/03/14 Javascript
JavaScript 学习笔记一些小技巧
2010/03/28 Javascript
使用js+jquery实现无限极联动
2013/05/23 Javascript
深入理解Javascript中this的作用域
2014/08/12 Javascript
JavaScript中的普通函数与构造函数比较
2015/04/07 Javascript
JS中作用域和变量提升(hoisting)的深入理解
2016/10/31 Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
2017/01/18 Javascript
详解React项目如何修改打包地址(编译输出文件地址)
2019/03/21 Javascript
Vuex的各个模块封装的实现
2020/06/05 Javascript
Python读取Excel的方法实例分析
2015/07/11 Python
利用Hyperic调用Python实现进程守护
2018/01/02 Python
Python OpenCV 直方图的计算与显示的方法示例
2018/02/08 Python
Python实现的凯撒密码算法示例
2018/04/12 Python
Python 爬取携程所有机票的实例代码
2018/06/11 Python
Python面向对象之接口、抽象类与多态详解
2018/08/27 Python
解决python线程卡死的问题
2019/02/18 Python
Python 函数返回值的示例代码
2019/03/11 Python
HTML5 3D衣服摇摆动画特效
2016/03/17 HTML / CSS
ivx平台开发之不用代码实现一个九宫格抽奖功能
2021/01/27 HTML / CSS
德国机场停车位比较和预订网站:Ich-parke-billiger
2018/01/08 全球购物
加拿大约会网站:EliteSingles.ca
2018/01/12 全球购物
Intimissimi德国网上商店:意大利知名内衣品牌
2018/04/03 全球购物
技校毕业生个人学习的自我评价
2014/02/21 职场文书
政府绩效管理实施方案
2014/05/04 职场文书
岗位安全生产责任书
2014/07/28 职场文书
我的中国梦演讲稿500字
2014/08/19 职场文书
大学社团招新的通讯稿
2014/09/10 职场文书
民主评议党员自我鉴定
2014/10/21 职场文书
公司停电通知
2015/04/15 职场文书
ant design charts 获取后端接口数据展示
2022/05/25 Javascript