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 相关文章推荐
jQuery背景插件backstretch使用指南
Apr 21 Javascript
jQuery中$.ajax()和$.getJson()同步处理详解
Aug 12 Javascript
jQuery+Pdo编写login登陆界面
Aug 01 Javascript
Bootstrap 3.x打印预览背景色与文字显示异常的解决
Nov 06 Javascript
Angular使用ng-messages与PHP进行表单数据验证
Dec 28 Javascript
flag和jq on 的绑定多个对象和方法(必看)
Feb 27 Javascript
使用Vue写一个datepicker的示例
Jan 27 Javascript
Vue中$refs的用法详解
Jun 24 Javascript
详解Vue项目中实现锚点定位
Apr 24 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
Feb 13 Javascript
基于js实现数组相邻元素上移下移
May 19 Javascript
浅谈Vue static 静态资源路径 和 style问题
Nov 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中关键字interface和implements详解
2017/06/14 PHP
求解开jscript.encode代码的asp函数
2007/02/28 Javascript
javascript 对象定义方法 简单易学
2009/03/22 Javascript
Extjs学习笔记之四 工具栏和菜单
2010/01/07 Javascript
Javascript 获取链接(url)参数的方法[正则与截取字符串]
2010/02/09 Javascript
使用JS或jQuery模拟鼠标点击a标签事件代码
2014/03/10 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
2014/07/02 Javascript
原生JS和JQuery动态添加、删除表格行的方法
2015/05/28 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
2015/12/17 Javascript
JS冒泡事件与事件捕获实例详解
2016/11/25 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
2017/06/13 Javascript
Vue中之nextTick函数源码分析详解
2017/10/17 Javascript
分享ES6的7个实用技巧
2018/01/18 Javascript
JS实现二维数组横纵列转置的方法
2018/04/17 Javascript
Vue的自定义组件不能使用click方法的解决
2020/07/28 Javascript
[42:11]TNC vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
在python中利用最小二乘拟合二次抛物线函数的方法
2018/12/29 Python
python中提高pip install速度
2020/02/14 Python
python判断是空的实例分享
2020/07/06 Python
Python3.8安装Pygame教程步骤详解
2020/08/14 Python
python实现录音功能(可随时停止录音)
2020/10/26 Python
Python约瑟夫生者死者小游戏实例讲解
2021/01/04 Python
CSS3属性选择符介绍
2008/10/17 HTML / CSS
24个canvas基础知识小结
2014/12/17 HTML / CSS
Html5获取高德地图定位天气的方法
2019/12/26 HTML / CSS
NIHAOMARKET官方海外旗舰店:意大利你好华人超市
2018/01/27 全球购物
生产内勤岗位职责
2013/12/07 职场文书
农民工工资支付承诺函
2014/03/31 职场文书
计划生育标语
2014/06/23 职场文书
企业党的群众路线教育实践活动学习心得体会
2014/10/31 职场文书
民主评议教师党员自我评价
2015/03/04 职场文书
2015年乡镇统计工作总结
2015/04/22 职场文书
红色经典电影观后感
2015/06/18 职场文书
呼兰河传读书笔记
2015/06/30 职场文书
公司规章制度范本
2015/08/03 职场文书
干货干货!2019最新优秀创业计划书
2019/03/21 职场文书