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 相关文章推荐
CSS JavaScript 实现菜单功能 改进版
Dec 09 Javascript
jQuery手机拨号界面特效代码分享
Aug 27 Javascript
jQuery Mobile页面返回不需要重新get
Apr 26 Javascript
JavaScript 数组中最大最小值
Jun 05 Javascript
微信小程序 教程之wxapp视图容器 swiper
Oct 19 Javascript
探究Vue.js 2.0新增的虚拟DOM
Oct 20 Javascript
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
Jun 26 jQuery
vue使用v-for实现hover点击效果
Sep 29 Javascript
jQuery实现简单的Ajax调用功能示例
Feb 15 jQuery
Vue-cli3.X使用px2 rem遇到的问题及解决方法
Aug 08 Javascript
解决vue-router 嵌套路由没反应的问题
Sep 22 Javascript
Vue基本指令实例图文讲解
Feb 25 Vue.js
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+mysql 实现身份验证代码
2010/03/24 PHP
ThinkPHP之getField详解
2014/06/20 PHP
PHP伪造来源HTTP_REFERER的方法实例详解
2015/07/06 PHP
学习php设计模式 php实现适配器模式
2015/12/07 PHP
php如何控制用户对图片的访问 PHP禁止图片盗链
2016/03/25 PHP
php使用Header函数,PHP_AUTH_PW和PHP_AUTH_USER做用户验证
2016/05/04 PHP
php parse_str() 函数的定义和用法
2016/05/23 PHP
PHP开发之归档格式phar文件概念与用法详解【创建,使用,解包还原提取】
2017/11/17 PHP
解读IE和firefox下JScript和HREF的执行顺序
2008/01/12 Javascript
用户注册常用javascript代码
2009/08/29 Javascript
JS实现日期加减的方法
2013/11/29 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
2014/08/19 Javascript
jquery实现通用的内容渐显Tab选项卡效果
2015/09/07 Javascript
js 截取或者替换字符串中的数字实现方法
2016/06/13 Javascript
详解JavaScript对象类型
2016/06/16 Javascript
vue.js+boostrap项目实践(案例详解)
2016/09/21 Javascript
使用BootStrap实现悬浮窗口的效果
2016/12/13 Javascript
BootStrap Tooltip插件源码解析
2016/12/27 Javascript
Vue数据驱动模拟实现5
2017/01/13 Javascript
Web安全之XSS攻击与防御小结
2018/12/13 Javascript
在Express中提供静态文件的实现方法
2019/10/17 Javascript
JS实现简单移动端鼠标拖拽
2020/07/23 Javascript
在SAE上部署Python的Django框架的一些问题汇总
2015/05/30 Python
Python连接Mssql基础教程之Python库pymssql
2018/09/16 Python
使用Python-OpenCV向图片添加噪声的实现(高斯噪声、椒盐噪声)
2019/05/28 Python
python解析xml文件方式(解析、更新、写入)
2020/03/05 Python
分享一枚pycharm激活码适用所有pycharm版本我的pycharm2020.2.3激活成功
2020/11/20 Python
从Pytorch模型pth文件中读取参数成numpy矩阵的操作
2021/03/04 Python
情人节活动策划方案
2014/02/27 职场文书
2014年四风个人对照检查及整改措施
2014/10/28 职场文书
小学教师年度个人总结
2015/02/05 职场文书
先进基层党组织事迹材料2016
2016/02/29 职场文书
2016年大学生党员承诺书
2016/03/24 职场文书
幼儿园2016圣诞节活动总结
2016/03/31 职场文书
Vue如何实现组件间通信
2021/05/15 Vue.js
教你如何用cmd快速登录服务器
2022/06/10 Servers