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代码
Jan 10 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
Jun 23 Javascript
跟我学习javascript的全局变量
Nov 16 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
Feb 21 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
Jul 07 Javascript
JS数组搜索之折半搜索实现方法分析
Mar 27 Javascript
Angular2使用vscode断点调试ts文件的方法
Dec 13 Javascript
JavaScript中的一些隐式转换和总结(推荐)
Dec 22 Javascript
谈谈为什么你的 JavaScript 代码如此冗长
Jan 30 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
Oct 08 jQuery
JavaScript实现移动端带transition动画的轮播效果
Mar 24 Javascript
详解JS预解析原理
Jun 16 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实现图片自动清理的方法
2015/07/08 PHP
PHP常用的小程序代码段
2015/11/14 PHP
PHP模拟post提交数据方法汇总
2016/02/16 PHP
PHPMailer使用QQ邮箱实现邮件发送功能
2017/08/18 PHP
PHP封装的数据库模型Model类完整示例【基于PDO】
2019/03/14 PHP
在多个页面使用同一个HTML片段的代码
2011/03/04 Javascript
关于JAVASCRIPT urldecode URL解码的问题
2012/01/08 Javascript
javascript实现tabs选项卡切换效果(自写原生js)
2013/03/19 Javascript
当json键为数字时的取值方法解析
2013/11/15 Javascript
Asp.Net alert弹出提示信息的几种方法总结
2014/01/29 Javascript
node.js中的url.parse方法使用说明
2014/12/10 Javascript
javascript使用call调用微信API
2014/12/15 Javascript
node.js中的fs.futimesSync方法使用说明
2014/12/17 Javascript
jQuery实现鼠标划过添加和删除class的方法
2015/06/26 Javascript
jQuery+css实现的tab切换标签(兼容各浏览器)
2016/01/28 Javascript
javascript数字验证的实例代码(推荐)
2016/08/20 Javascript
vue.js指令v-model实现方法
2016/12/05 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
2017/01/11 Javascript
深入理解react 组件类型及使用场景
2019/03/07 Javascript
使用vue-cli3+typescript的项目模板创建工程的教程
2020/02/28 Javascript
vue输入框使用模糊搜索功能的实现代码
2020/05/26 Javascript
Vue实现input宽度随文字长度自适应操作
2020/07/29 Javascript
Python实现的爬虫刷回复功能示例
2018/06/07 Python
Python/ArcPy遍历指定目录中的MDB文件方法
2018/10/27 Python
Jupyter notebook在mac:linux上的配置和远程访问的方法
2019/01/14 Python
css3 按钮 利用css3实现超酷下载按钮
2013/03/18 HTML / CSS
Html5 webRTC简单实现视频调用的示例代码
2020/09/23 HTML / CSS
美国乡村商店:Plow & Hearth
2016/09/12 全球购物
快时尚眼镜品牌,全国连锁眼镜店:LOHO眼镜生活
2018/10/08 全球购物
日本最大美瞳直送网:Morecontact(中文)
2019/04/03 全球购物
工商管理系学生的自我评价分享
2013/11/29 职场文书
挖掘机司机岗位职责
2014/02/12 职场文书
幼儿园学前班幼儿评语
2014/12/29 职场文书
优秀共产党员事迹材料2016
2016/02/29 职场文书
Redis集群新增、删除节点以及动态增加内存的方法
2021/09/04 Redis
Python自动化工具之实现Excel转Markdown表格
2022/04/08 Python