jQuery获取DOM节点实例分析(2种方式)


Posted in Javascript onDecember 15, 2015

本文实例讲述了jQuery获取DOM节点。分享给大家供大家参考,具体如下:

jQuery中包裹后的DOM对象实际上是一个数组,要获得纯粹的DOM对象可以有两种方式:

1、使用数组索引方式访问,例如:

var dom = $(dom)[0];

2、使用函数get()访问,例如:

var dom = $(dom).get(0);

get()函数中的参数为索引号。

3、示例

var div = document.createElement("DIV");
div.innerText = "TEST IS OK!";
document.body.appendChild(div);
var $tmp = $(div);
alert($tmp[0].innerText); //方式1获取DOM节点对象
alert($tmp.get(0).innerText); //方式2获取DOM节点对象

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
javascript 遍历验证所有文本框的值
Aug 27 Javascript
JavaScript 利用Cookie记录用户登录信息
Dec 08 Javascript
javascript 随机展示头像实现代码
Dec 06 Javascript
javascript模拟评分控件实现方法
May 13 Javascript
JavaScript setTimeout使用闭包功能实现定时打印数值
Dec 18 Javascript
原生js实现class的添加和删除简单代码
Jul 12 Javascript
利用JavaScript判断浏览器类型及版本
Aug 23 Javascript
微信小程序 点击控件后选中其它反选实例详解
Feb 21 Javascript
Vue2.0 事件的广播与接收(观察者模式)
Mar 14 Javascript
JavaScript控制浏览器全屏显示简单示例
Jul 05 Javascript
微信小程序实现日历小功能
Nov 18 Javascript
如何用JavaScript实现一个数组惰性求值库
May 05 Javascript
JavaScript为事件句柄绑定监听函数实例详解
Dec 15 #Javascript
JavaScript获取当前cpu使用率的方法
Dec 15 #Javascript
js简单网速测试方法完整实例
Dec 15 #Javascript
JQuery中Ajax()的data参数类型实例分析
Dec 15 #Javascript
理解javascript闭包
Dec 15 #Javascript
jQuery检测滚动条是否到达底部
Dec 15 #Javascript
js实现根据身份证号自动生成出生日期
Dec 15 #Javascript
You might like
PHP下对数组进行排序的函数
2010/08/08 PHP
解析php入库和出库
2013/06/25 PHP
PHP学习笔记(二) 了解PHP的基本语法以及目录结构
2014/08/04 PHP
laravel 5.3 单用户登录简单实现方法
2019/10/14 PHP
IE6浏览器中window.location.href无效的解决方法
2014/11/20 Javascript
jquery实现上下左右滑动的方法
2015/02/09 Javascript
jQuery使用hide方法隐藏元素自身用法实例
2015/03/30 Javascript
jQuery实现转动随机数抽奖效果的方法
2015/05/21 Javascript
jQuery.each使用详解
2015/07/07 Javascript
JS实现的相册图片左右滚动完整实例
2016/11/23 Javascript
jquery判断页面网址是否有效的两种方法
2016/12/11 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
NodeJs安装npm包一直失败的解决方法
2017/04/28 NodeJs
react-native封装插件swiper的使用方法
2018/03/20 Javascript
学习React中ref的两个demo示例
2018/08/14 Javascript
angular4强制刷新视图的方法
2018/10/09 Javascript
JS实现处理时间,年月日,星期的公共方法示例
2019/05/31 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
2019/07/19 Javascript
浅谈vuex为什么不建议在action中修改state
2020/02/02 Javascript
ES5和ES6中类的区别总结
2020/12/21 Javascript
Vue 3自定义指令开发的相关总结
2021/01/29 Vue.js
[02:19]DOTA选手解说齐贺岁
2018/02/11 DOTA
[01:11:48]Fnatic vs IG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
在Django的form中使用CSS进行设计的方法
2015/07/18 Python
Python中创建字典的几种方法总结(推荐)
2017/04/27 Python
详解Python核心对象类型字符串
2018/02/11 Python
Python 动态变量名定义与调用方法
2020/02/09 Python
爱奇艺VIP会员:大剧抢先看
2018/07/11 全球购物
Ibatis如何使用动态表名
2015/07/12 面试题
房地产开发计划书
2014/01/10 职场文书
函授药学自我鉴定
2014/02/07 职场文书
幼儿教师暑期培训方案
2014/08/27 职场文书
法学专业求职信范文
2015/03/19 职场文书
2016寒假社会实践心得体会范文
2015/10/09 职场文书
java中重写父类方法加不加@Override详解
2021/06/21 Java/Android
动态规划之使用备忘录来改进Javascript函数
2022/04/07 Javascript