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 相关文章推荐
用JavaScript页面不刷新时全选择,全删除(GridView)
Apr 14 Javascript
关于跨站脚本攻击问题
Dec 22 Javascript
DWR实现模拟Google搜索效果实现原理及代码
Jan 30 Javascript
禁止选中文字兼容IE、Chrome、FF等
Sep 04 Javascript
JS高级调试技巧:捕获和分析 JavaScript Error详解
Mar 16 Javascript
如何用javascript计算文本框还能输入多少个字符
Jul 29 Javascript
如何通过js实现图片预览功能【附实例代码】
Mar 30 Javascript
微信小程序 数据遍历的实现
Apr 05 Javascript
浅谈webpack性能榨汁机(打包速度优化)
Jan 09 Javascript
使用zrender.js绘制体温单效果
Oct 31 Javascript
JS实现网站吸顶条
Jan 08 Javascript
详解如何在vue+element-ui的项目中封装dialog组件
Dec 11 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学习笔记(一) 简单了解PHP
2014/08/04 PHP
使用Appcan客户端自动更新PHP版本号(全)
2015/07/31 PHP
css图片自适应大小
2007/11/28 Javascript
JQuery 学习笔记01 JQuery初接触
2010/05/06 Javascript
事件模型在各浏览器中存在差异
2010/10/20 Javascript
jquery.post用法示例代码
2014/01/03 Javascript
用js传递value默认值的示例代码
2014/09/11 Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
2014/10/16 Javascript
js实现的黑背景灰色二级导航菜单效果代码
2015/08/24 Javascript
javascript针对不确定函数的执行方法
2015/12/16 Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
2016/01/10 Javascript
jQuery代码实现实时获取时间
2017/01/29 Javascript
jquery实现简单实用的轮播器
2017/05/23 jQuery
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
2017/09/02 Javascript
Vue.js2.0中的变化小结
2017/10/24 Javascript
详解开源的JavaScript插件化框架MinimaJS
2017/10/26 Javascript
vue :src 文件路径错误问题的解决方法
2018/05/15 Javascript
JS基于对象的链表实现与使用方法示例
2019/01/31 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
2020/01/17 Javascript
python中input()与raw_input()的区别分析
2016/02/27 Python
Python读取Json字典写入Excel表格的方法
2018/01/03 Python
opencv python 图像去噪的实现方法
2018/08/31 Python
深入浅析python 协程与go协程的区别
2019/05/09 Python
python多进程(加入进程池)操作常见案例
2019/10/21 Python
使用canvas压缩图片上传的方法示例
2020/02/07 HTML / CSS
美国汽车轮胎和轮毂销售网站:Tire Rack
2018/01/11 全球购物
俄罗斯建筑和装饰材料在线商店:Stroilandia
2020/07/25 全球购物
为什么如下的代码int a=100,b=100;long int c=a * b;不能工作
2013/11/29 面试题
UNIX文件系统分类
2014/11/11 面试题
环境工程与管理大学毕业生求职信
2013/10/02 职场文书
《诚实与信任》教学反思
2014/04/10 职场文书
2014年敬老院工作总结
2014/12/08 职场文书
2015年学生管理工作总结
2015/05/26 职场文书
教师节班会开场白
2015/06/01 职场文书
一个都不能少观后感
2015/06/04 职场文书
WIN10使用IIS部署ftp服务器详细教程
2022/08/05 Servers