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中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
Oct 18 Javascript
基于JavaScript 数据类型之Boolean类型分析介绍
Apr 19 Javascript
javascript 3d 逐侦产品展示(核心精简)
Mar 26 Javascript
Jquery给基本控件的取值、赋值示例
May 23 Javascript
JavaScript生成SQL查询表单的方法
Aug 13 Javascript
jquery获取url参数及url加参数的方法
Oct 26 Javascript
Javascript的表单验证长度
Mar 16 Javascript
浅析bootstrap原理及优缺点
Mar 19 Javascript
在vue中多次调用同一个定义全局变量的实例
Sep 25 Javascript
详解js中的几种常用设计模式
Jul 16 Javascript
vue中jsonp插件的使用方法示例
Sep 10 Javascript
elementui的el-popover修改样式不生效的解决
Jun 30 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生成静态页面详解
2006/11/19 PHP
如何写php程序?
2006/12/08 PHP
php文件上传的简单实例
2013/10/19 PHP
PHP 实现的将图片转换为TXT
2015/10/21 PHP
thinkPHP5分页功能实现方法分析
2017/10/25 PHP
Laravel中unique和exists验证规则的优化详解
2018/01/28 PHP
php+mysql实现的无限分类方法类定义与使用示例
2020/05/27 PHP
用jscript实现新建和保存一个word文档
2007/06/15 Javascript
Javascript公共脚本库系列(一): 弹出层脚本
2011/02/24 Javascript
js字符串的各种格式的转换 ToString,Format
2011/08/08 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
2014/01/25 Javascript
javascript检测浏览器的缩放状态实现代码
2014/09/28 Javascript
jQuery中:last-child选择器用法实例
2014/12/31 Javascript
jQuery实现TAB选项卡切换特效简单演示
2016/03/04 Javascript
JavaScript中的一些隐式转换和总结(推荐)
2017/12/22 Javascript
AngularJS实时获取并显示密码的方法
2018/02/06 Javascript
vue 使用eventBus实现同级组件的通讯
2018/03/02 Javascript
Vue CLI3 如何支持less的方法示例
2018/08/29 Javascript
webpack4打包vue前端多页面项目
2018/09/17 Javascript
Vue 实时监听窗口变化 windowresize的两种方法
2018/11/06 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
2019/04/17 Javascript
vue自定义表单生成器form-create使用详解
2019/07/19 Javascript
python编写简单爬虫资料汇总
2016/03/22 Python
网红编程语言Python将纳入高考你怎么看?
2018/06/07 Python
希尔顿酒店官方网站:Hilton Hotels
2017/06/01 全球购物
Carter’s官方旗舰店:美国受欢迎的婴童服装品牌
2018/01/21 全球购物
山海经纬软件测试笔试题和面试题
2013/04/02 面试题
大学生求职中的自我评价
2013/10/01 职场文书
总经理岗位职责描述
2014/02/08 职场文书
捐书活动总结
2014/05/04 职场文书
单位租房协议书范本
2014/12/04 职场文书
2016年春节慰问信息
2015/03/25 职场文书
门球健将观后感
2015/06/16 职场文书
护士岗前培训心得体会
2016/01/08 职场文书
《山中访友》教学反思
2016/02/24 职场文书
mysql中数据库覆盖导入的几种方式总结
2022/03/25 MySQL