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 相关文章推荐
flash遮住div问题的正确解决方法
Feb 27 Javascript
jquery常用操作小结
Jul 21 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
Nov 17 Javascript
jquery做个日期选择适用于手机端示例
Jan 10 Javascript
js中字符型和数值型数字的互相转化方法(必看)
Apr 25 Javascript
前端常见跨域解决方案(全)
Sep 19 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
Sep 25 Javascript
JavaScript Date对象应用实例分享
Oct 30 Javascript
webpack项目轻松混用css module的方法
Jun 12 Javascript
JS中Promise函数then的奥秘探究
Jul 30 Javascript
原生JS实现无缝轮播图片
Jun 24 Javascript
微信小程序实现锚点跳转
Nov 23 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安全性漫谈
2012/06/28 PHP
ThinkPHP 连接Oracle数据库的详细教程[全]
2012/07/16 PHP
PHP中替换换行符的几种方法小结
2012/10/15 PHP
php中filter_input函数用法分析
2014/11/15 PHP
PHP中使用php5-ffmpeg撷取视频图片实例
2015/01/07 PHP
对textarea框的代码调试,而且功能上使用非常方便,酷
2006/06/30 Javascript
Javascript 判断 object 的特定类转载
2007/02/01 Javascript
JS 弹出层 定位至屏幕居中示例
2014/05/21 Javascript
jquery mobile页面跳转后样式丢失js失效的解决方法
2014/09/06 Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
2015/09/30 Javascript
原生js编写autoComplete插件
2016/04/13 Javascript
AngularJs表单验证实例详解
2016/05/30 Javascript
js实现鼠标拖动功能
2017/03/20 Javascript
详解JS中的this、apply、call、bind(经典面试题)
2017/09/19 Javascript
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
2018/08/17 Javascript
解决vue单页路由跳转后scrollTop的问题
2018/09/03 Javascript
详解Angular5/Angular6项目如何添加热更新(HMR)功能
2018/10/10 Javascript
如何检查一个对象是否为空
2019/04/11 Javascript
基于Electron实现桌面应用开发代码实例
2020/07/07 Javascript
通过实例解析json与jsonp原理及使用方法
2020/09/27 Javascript
vue中父子组件的参数传递和应用示例
2021/01/04 Vue.js
Python读取mp3中ID3信息的方法
2015/03/05 Python
python email smtplib模块发送邮件代码实例
2018/04/26 Python
Python代码使用 Pyftpdlib实现FTP服务器功能
2019/07/22 Python
Django CBV类的用法详解
2019/07/26 Python
用Python自动清理电脑内重复文件,只要10行代码(自动脚本)
2021/01/09 Python
iframe在移动端的缩放的示例代码
2018/10/12 HTML / CSS
Expedia印度尼西亚站:预订酒店、廉价航班和度假套餐
2018/01/31 全球购物
UGG英国官方网站:UGG UK
2018/02/08 全球购物
英国最大的宝石首饰超市:QP Jewellers
2018/09/23 全球购物
企业员工爱岗敬业演讲稿
2014/08/26 职场文书
5.12护士节活动总结
2015/02/10 职场文书
设备技术员岗位职责
2015/04/11 职场文书
工程技术负责人岗位职责
2015/04/13 职场文书
就业推荐表院系意见
2015/06/05 职场文书
Windows Server 2012 R2 磁盘分区教程
2022/04/29 Servers