jQuery对象与dom对象的转换

news/2024/7/8 8:37:36

http://www.ccvita.com/192.html

最近在闲暇时间用jQuery搞了一个多文件上传的东东,顺便写点笔记。

一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此案知道,原来jQuery 获得的对象并不和我们平时使用getElementById获得的对象是一样的对象。所以一些新手就很迷惑,为什么${”#Element”}不能直接 innerHTML,这就是原因所在,解决方式请看下文。

jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。

如:

  1. $(document.getElementById("msg"))

则为jquery对象,可以使用jquery的方法。
由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。
如:

  1. $("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]

这些都是dom对象,可以使用dom中的方法,但不能再使用Jquery的方法。
以下几种写法都是正确的:

  1. $("#msg").html();
  2. $("#msg")[0].innerHTML;
  3. $("#msg").eq(0)[0].innerHTML;
  4. $("#msg").get(0).innerHTML;

http://www.niftyadmin.cn/n/1733070.html

相关文章

海康威视SDK控制台程序consoleDemo将实时码流保存为视频文件mp4

陈拓 2021/08/28-2020/08/29 1. 概述 在《海康威视SDK控制台程序consoleDemo》 https://zhuanlan.zhihu.com/p/403903892 https://blog.csdn.net/chentuo2000/article/details/119939573 一文中我们已经编译成功了海康威视SDK的控制台程序consoleDemo。 在《海康威视SDK控…

弹性盒模型----容器属性

布局的传统方案,基于盒装模型,依赖display属性 position属性 float属性。他对于那些特殊的布局非常不方便,比如,垂直居中就不容易实现。  2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应…

JQuery的表单操作

获取值:文本框,文本区域:$("#txt").attr("value");多选框checkbox:$("#checkbox_id").attr("value");单选组radio: $("input[typeradio][check…

ffmpge海康视频文件格式转换

陈拓 2021/08/29-2020/08/29 1. 概述 在《海康威视SDK控制台程序consoleDemo将实时码流保存为视频文件》 https://zhuanlan.zhihu.com/p/404661836 https://blog.csdn.net/chentuo2000/article/details/119976612 一文中文件我们将码流数据保存为视频文件。 视频文件是海…

几行代码轻松解决滚动条样式问题,堪称神器

相信很多同仁都曾为各种浏览器的滚动条样式困惑过,而且不同的浏览器默认的滚动条样式还不一致。网上也有很多说法修改滚动条样式,但是大多数都是滥竽充数。今天我只说干货,纯干货,干货来自于我的一位同事的推荐,在此&a…

FFmpeg常用命令参数

FFmpeg常用命令参数 陈拓 2021/08/31-2020/09/01 1. 视频文件转gif图像 命令格式: ffmpeg -ss 5 -t 10 -i input.mp4 -y -s 640x480 -f gif -r 1 output.gif 参数说明: -ss 开始截图时间(秒) 截图开始时间越接近篇尾&#…

Stage模型HarmonyOS服务卡片开发定时和定点刷新实现

一、定时刷新 表示在一定时间间隔内调用onUpdateForm的生命周期回调函数自动刷新卡片内容。可以在form_config.json配置文件的updateDuration字段中进行设置。例如,可以将刷新时间设置为每小时一次。注意:updateDuration(定时刷新&#xff09…

Linux C++ stack smashing detected错误

陈拓 2021/09/12-2020/09/12 调试程序遇到一个错误:stack smashing detected 原因是数组开小了,出现了数组越界。 原数组定义: char destfile[64] {0}; 改成 char destfile[256] {0}; 问题解决。