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 相关文章推荐
利用浏览器全屏api实现js全屏
Jan 16 Javascript
JavaScript实现动态添加,删除行的方法实例详解
Jul 02 Javascript
Node.js中如何合并两个复杂对象详解
Dec 31 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
Mar 02 Javascript
BootStrap注意事项小结(五)表单
Mar 10 Javascript
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
详解Webstorm 新建.vue文件支持高亮vue语法和es6语法
Oct 26 Javascript
JS闭包原理与应用经典示例
Dec 20 Javascript
vue实现百度下拉列表交互操作示例
Mar 12 Javascript
详释JavaScript执行环境与执行栈
Apr 02 Javascript
微信小程序封装多张图片上传api代码实例
Dec 30 Javascript
vue 监听 Treeselect 选择项的改变操作
Aug 31 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
phpExcel中文帮助手册之常用功能指南
2014/08/18 PHP
php单例模式示例分享
2015/02/12 PHP
PHP中数据类型转换的三种方式
2015/04/02 PHP
php中使用GD库做验证码
2016/03/31 PHP
简单几行JS Code实现IE邮件转发新浪微博
2013/07/03 Javascript
jquery $.each()使用探讨
2013/09/23 Javascript
CSS+jQuery实现的一个放大缩小动画效果
2013/09/24 Javascript
jQuery+CSS3实现树叶飘落特效
2015/02/01 Javascript
js实现人民币大写金额形式转换
2016/04/27 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
2016/05/28 Javascript
jQuery实现鼠标滚动图片延迟加载效果附源码下载
2016/06/28 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
2016/11/21 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
2016/12/02 Javascript
Vue.js自定义指令的用法与实例解析
2017/01/18 Javascript
AngularJS实用基础知识_入门必备篇(推荐)
2017/07/10 Javascript
微信小程序 POST请求的实例详解
2017/09/29 Javascript
vue.js 获取select中的value实例
2018/03/01 Javascript
vue两个组件间值的传递或修改方式
2018/07/04 Javascript
微信小程序scroll-view实现字幕滚动
2018/07/14 Javascript
Python中的super()方法使用简介
2015/08/14 Python
使用python PIL库实现简单验证码的去噪方法步骤
2019/05/10 Python
Python设置matplotlib.plot的坐标轴刻度间隔以及刻度范围
2019/06/25 Python
django如何实现视图重定向
2019/07/24 Python
Django stark组件使用及原理详解
2019/08/22 Python
python如何使用socketserver模块实现并发聊天
2019/12/14 Python
Python实现bilibili时间长度查询的示例代码
2020/01/14 Python
厨房工作人员岗位职责
2013/11/15 职场文书
专科毕业生自我鉴定
2013/12/01 职场文书
学生安全责任书
2014/04/15 职场文书
党员政治学习材料
2014/05/14 职场文书
2015年世界无烟日演讲稿
2015/03/18 职场文书
大专护理专业自荐信
2015/03/25 职场文书
工伤认定行政答辩状
2015/05/22 职场文书
MySQL 中如何归档数据的实现方法
2022/03/16 SQL Server
Android超详细讲解组件ScrollView的使用
2022/03/31 Java/Android
Go语言测试库testify使用学习
2022/07/23 Golang