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 1.3 和 Validation 验证插件1.5.1
Jul 09 Javascript
setTimeout和setInterval的深入理解
Nov 08 Javascript
javascript中2个感叹号的用法实例详解
Sep 04 Javascript
JS中使用变量保存arguments对象的方法
Jun 03 Javascript
使用vue如何构建一个自动建站项目
Feb 05 Javascript
动态加载、移除js/css文件的示例代码
Mar 20 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
Jul 02 Javascript
JS监听滚动和id自动定位滚动
Dec 18 Javascript
vue中的 $slot 获取插槽的节点实例
Nov 12 Javascript
JQuery发送ajax请求时中文乱码问题解决
Nov 14 jQuery
vue-iview动态新增和删除的方法
Jun 17 Javascript
详解CocosCreator项目结构机制
Apr 14 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
收音机怀古---春雷3P7图片欣赏
2021/03/02 无线电
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
2012/07/21 Javascript
Jquery遍历节点的方法小集
2014/01/22 Javascript
jQuery获取当前对象标签名称的方法
2014/02/07 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
2016/04/08 Javascript
js验证框架之RealyEasy验证详解
2016/06/08 Javascript
使用JSON作为函数的参数的优缺点
2016/10/27 Javascript
Nodejs进阶:核心模块net入门学习与实例讲解
2016/11/21 NodeJs
js cookie实现记住密码功能
2017/01/17 Javascript
Vue + Webpack + Vue-loader学习教程之相关配置篇
2017/03/14 Javascript
jQuery遮罩层实例讲解
2017/05/11 jQuery
vue2 中如何实现动态表单增删改查实例
2017/06/09 Javascript
Vue自定义事件(详解)
2017/08/19 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
2018/08/29 Javascript
vue a标签点击实现赋值方式
2020/09/07 Javascript
通过Python来使用七牛云存储的方法详解
2015/08/07 Python
小小聊天室Python代码实现
2016/08/17 Python
对Python 除法负数取商的取整方式详解
2018/12/12 Python
Python3 Post登录并且保存cookie登录其他页面的方法
2018/12/28 Python
Python给图像添加噪声具体操作
2019/03/03 Python
numpy.linalg.eig() 计算矩阵特征向量方式
2019/11/29 Python
python实现视频读取和转化图片
2019/12/10 Python
使用Tensorflow-GPU禁用GPU设置(CPU与GPU速度对比)
2020/06/30 Python
python绘制雷达图实例讲解
2021/01/03 Python
CSS3动画效果回调处理详解
2014/12/10 HTML / CSS
Canon佳能美国官方商店:购买数码相机、数码单反相机、镜头和打印机
2016/11/15 全球购物
.NET面试问题集
2015/12/08 面试题
摄影助理岗位职责
2014/02/07 职场文书
就业协议书的作用
2014/04/11 职场文书
欢迎领导检查标语
2014/06/27 职场文书
四风问题对照检查材料思想汇报
2014/10/07 职场文书
公安机关正风肃纪剖析材料
2014/10/10 职场文书
Canvas跟随鼠标炫彩小球的实现
2021/04/11 Javascript
vue实现水波涟漪效果的点击反馈指令
2021/05/31 Vue.js
Java后台生成图片的完整步骤
2021/08/04 Java/Android
MyBatis-Plus 批量插入数据的操作方法
2021/09/25 Java/Android