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方法+js一般方法+js面向对象方法实现拖拽效果
Aug 30 Javascript
jQuery实现可以控制图片旋转角度效果(附demo源码下载)
Jan 27 Javascript
微信小程序 window_x64环境搭建
Sep 30 Javascript
Javascrip实现文字跳动特效
Nov 27 Javascript
通过修改360抢票的刷新频率和突破8车次限制实现方法
Jan 04 Javascript
vuejs父子组件通信的问题
Jan 11 Javascript
利用jQuery实现一个简单的表格上下翻页效果
Mar 14 Javascript
JavaScript requestAnimationFrame动画详解
Sep 14 Javascript
如何使用 vue + d3 画一棵树
Dec 03 Javascript
jQuery选择器之基本选择器用法实例分析
Feb 19 jQuery
详解Vue组件之间通信的七种方式
Apr 14 Javascript
jQuery实现二级导航菜单的示例
Sep 30 jQuery
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之COOKIE支持详解
2010/09/20 PHP
解析php开发中的中文编码问题
2013/08/08 PHP
几道坑人的PHP面试题 试试看看你会不会也中招
2014/08/19 PHP
PHP环境搭建的详细步骤
2016/06/30 PHP
thinkphp查询,3.X 5.0方法(亲试可行)
2017/06/17 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
ExtJS 2.0实用简明教程 之Ext类库简介
2009/04/29 Javascript
动态样式类封装JS代码
2009/09/02 Javascript
jQuery Clone Bug解决代码
2010/12/22 Javascript
html组件不可输入(只读)同时任何组件都有效
2013/04/01 Javascript
js动态删除div元素基本思路及实现代码
2014/05/08 Javascript
Nodejs极简入门教程(一):模块机制
2014/10/25 NodeJs
JavaScript的jQuery库插件的简要开发指南
2015/08/12 Javascript
js 弹出对话框(遮罩)透明,可拖动的简单实例
2016/07/11 Javascript
JS取模、取商及取整运算方法示例
2016/10/13 Javascript
微信小程序 PHP后端form表单提交实例详解
2017/01/12 Javascript
Vue.js父与子组件之间传参示例
2017/02/28 Javascript
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
2020/09/12 Javascript
python如何查看系统网络流量的信息
2016/09/12 Python
详解Python中pandas的安装操作说明(傻瓜版)
2019/04/08 Python
torch 中各种图像格式转换的实现方法
2019/12/26 Python
python实现可下载音乐的音乐播放器
2020/02/25 Python
详解Django配置JWT认证方式
2020/05/09 Python
Keras使用ImageNet上预训练的模型方式
2020/05/23 Python
Python定时任务APScheduler原理及实例解析
2020/05/30 Python
Python自定义sorted排序实现方法详解
2020/09/18 Python
python实现AdaBoost算法的示例
2020/10/03 Python
使用OpenCV实现人脸图像卡通化的示例代码
2021/01/15 Python
CSS Grid布局教程之什么是网格布局
2014/12/30 HTML / CSS
世界第一曲奇连锁店:Mrs. Fields Cookies
2017/02/04 全球购物
阿联酋网上花店:Ferns N Petals
2018/02/14 全球购物
北京某科技有限公司C# .net笔试题
2014/09/27 面试题
C#面试题问题集
2016/04/02 面试题
管理部副部长岗位职责范文
2014/03/09 职场文书
大学军训感言1500字
2014/03/09 职场文书
意外事故赔偿协议书
2016/03/22 职场文书