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 相关文章推荐
jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
Nov 14 Javascript
DIY jquery plugin - tabs标签切换实现代码
Dec 11 Javascript
如何利用Promises编写更优雅的JavaScript代码
May 17 Javascript
JavaScript:Date类型全面解析
May 19 Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
Jun 12 Javascript
Bootstrap列表组学习使用
Feb 09 Javascript
Easyui在treegrid添加控件的实现方法
Jun 23 Javascript
weex slider实现滑动底部导航功能
Aug 28 Javascript
jQuery实现基本淡入淡出效果的方法详解
Sep 05 jQuery
JavaScript实现捕获鼠标坐标
Apr 12 Javascript
微信小程序获取当前时间及星期几的实例代码
Sep 20 Javascript
JS实现百度搜索框
Feb 25 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
ECshop 迁移到 PHP7版本时遇到的兼容性问题
2016/02/15 PHP
PHP链表操作简单示例
2016/10/15 PHP
静态html文件执行php语句的方法(推荐)
2016/11/21 PHP
php的单例模式及应用场景详解
2021/02/27 PHP
JQery 渐变图片导航效果代码 漂亮
2010/01/01 Javascript
window.opener用法和用途实例介绍
2013/08/19 Javascript
js 3秒后跳转页面的实现代码
2014/03/10 Javascript
jquery缓动swing liner控制动画过程不同时刻的速度
2014/05/29 Javascript
JavaScript 七大技巧(一)
2015/12/13 Javascript
jquery插件uploadify多图上传功能实现代码
2016/08/12 Javascript
Vue开发过程中遇到的疑惑知识点总结
2017/01/20 Javascript
IScroll5实现下拉刷新上拉加载的功能实例
2017/08/11 Javascript
Vue 2.5.2下axios + express 本地请求404的解决方法
2018/02/21 Javascript
详解js location.href和window.open的几种用法和区别
2019/12/02 Javascript
[46:03]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
sqlalchemy对象转dict的示例
2014/04/22 Python
Python字符串处理之count()方法的使用
2015/05/18 Python
Python递归遍历列表及输出的实现方法
2015/05/19 Python
简单实现python数独游戏
2018/03/30 Python
Python中max函数用于二维列表的实例
2018/04/03 Python
python实现Flappy Bird源码
2018/12/24 Python
对Python中 \r, \n, \r\n的彻底理解
2020/03/06 Python
Anaconda和ipython环境适配的实现
2020/04/22 Python
如何实现在jupyter notebook中播放视频(不停地展示图片)
2020/04/23 Python
python中sort sorted reverse reversed函数的区别说明
2020/05/11 Python
关于keras中keras.layers.merge的用法说明
2020/05/23 Python
解决pytorch多GPU训练保存的模型,在单GPU环境下加载出错问题
2020/06/23 Python
使用pytorch 筛选出一定范围的值
2020/06/28 Python
Python爬虫之Spider类用法简单介绍
2020/08/04 Python
使用jTopo给Html5 Canva中绘制的元素添加鼠标事件
2014/05/15 HTML / CSS
作为网站管理者应当如何防范XSS
2014/08/16 面试题
什么是JNDI的上下文?如何初始化JNDI上下文
2012/03/10 面试题
上班早退检讨书
2014/01/09 职场文书
详解Java分布式事务的 6 种解决方案
2021/06/26 Java/Android
SQL实现LeetCode(196.删除重复邮箱)
2021/08/07 MySQL
Win11如何查看显卡型号 Win11查看显卡型号的方法
2022/08/14 数码科技