jQuery_03 dom对象和jQuery对象的互相转换
dom对象和jQuery对象
dom对象 jQuery对象 在一个文件中同时存在两种对象
dom对象: 通过js中的document对象获取的对象 或者创建的对象
jQuery对象: 通过jQuery中的函数获取的对象。
为什么使用dom或jQuery对象呢？
目的是 要使用dom对象的函数或者属性 以及呢 要使用jQuery中提供的函数或者属性。要使用dom中的内容 就需要使用dom对象 要使用jQuery中的函数 就需要使用jQuery对象
dom对象 和 jQuery对象 可以相互转换
dom对象转换为jQuery对象
$(dom对象) 得到一个jQuery对象 可以调用jQuery中提供的函数
<body><input type="button" id="btn" value="我是按钮" onclick="btnClick()" />
</body><script type="text/javascript">// dom对象 jQuery对象 在一个文件中同时存在两种对象// dom对象: 通过js中的document对象获取的对象 或者创建的对象// jQuery对象: 通过jQuery中的函数获取的对象。//为什么要使用 dom对象 或者说 jQuery对象呢？//目的是 要使用dom对象的函数或者属性 以及呢 要使用jQuery中提供的函数或者属性。// 要使用dom中的内容 就需要使用dom对象 要使用jQuery中的函数 就需要使用jQuery对象// dom对象 和 jQuery对象 可以相互转换/* 1.dom对象转换为jquery对象$(dom对象) 得到一个jQuery对象 可以调用jQuery中提供的函数*/// var dom = document.getElementById("t1");// //把dom 转换为jQuery// var jqueryobj = $(dom);// //调用jQuery中的函数 .......// jqueryobj.val() //获取dom对象的值// 提示： 为了区分dom对象和jQuery对象 一般情况下 jQuery对象的变量名前面都会加上$符号 例如$objfunction btnClick() {var obj = document.getElementById("btn");//转成jQuery对象var $jobj = $(obj); //$jobj就是jQuery对象alert($jobj.val()); // 获取按钮的值}</script>
jQuery对象转换为dom对象
语法:jQuery对象是一个数组 数组成员是dom对象 使用[下标] 或者 get(下标) 获取dom对象
<body><!-- <input type="text" id="t1" /> --><!-- <input type="text" id="txt1" /> --><input type="button" id="btn" value="计算平方" onclick="btnClick()" /><br /><input type="text" id="txt1" value="请输入整数" /></body> <script type="text/javascript">/* 语法:jQuery对象是一个数组 数组成员是dom对象 使用[下标] 或者 get(下标) 获取dom对象*/// $("#txt1"):获取id为txt1的对象/* var obj = $("#txt1"); // obj是一个jQuery对象 是一个包含了一个成员的dom数组。 obj[0] 就是dom对象var dom = obj[0]; //dom对象 或者 obj.get(0) 也是dom对象// 使用dom对象的函数 或者 属性alert(dom.value); */function btnClick() {// var obj = $("#txt1"); //obj 是jquery对象var dom = obj.get(0);// var dom = obj[0];var num = dom.value;dom.value = num * num;alert(dom.value);}</script>
相关文章：
jQuery_03 dom对象和jQuery对象的互相转换
dom对象和jQuery对象 dom对象 jQuery对象 在一个文件中同时存在两种对象 dom对象: 通过js中的document对象获取的对象 或者创建的对象 jQuery对象: 通过jQuery中的函数获取的对象。 为什么使用dom或jQuery对象呢？ 目的是 要使用dom对象的函数或者属性 以及呢 要…...
Mysql 中如何导入数据？
文章目录 前言使用 LOAD DATA 导入数据使用 mysqlimport 导入数据mysqlimport的常用选项介绍后言 前言 hello world欢迎来到前端的新世界 😜当前文章系列专栏：Mysql 🐱👓博主在前端领域还有很多知识和技术需要掌握，正…...
深入了解前馈网络、CNN、RNN 和 Hugging Face 的 Transformer 技术！
一、说明 本篇在此对自然语言模型做一个简短总结，从CNN\RNN\变形金刚，和抱脸的变形金刚库说起。 二、基本前馈神经网络： 让我们分解一个基本的前馈神经网络，也称为多层感知器（MLP）。此代码示例将࿱…...
Flink Table API 读写MySQL
Flink Table API 读写 MySQL import org.apache.flink.connector.jdbc.table.JdbcConnectorOptions; import org.apache.flink.streaming.api.environment.StreamExecutionEnvironment; import org.apache.flink.table.api.DataTypes; import org.apache.flink.table.api.Envi…...
Nginx 开源版安装
下载 tar.gz安装包，上传。 解压 [rootlocalhost ~]# tar zxvf nginx-1.21.6.tar.gz nginx-1.21.6/ nginx-1.21.6/auto/ nginx-1.21.6/conf/ nginx-1.21.6/contrib/ nginx-1.21.6/src/ ... ...安装gcc [rootlocalhost nginx-1.21.6]# yum install -y gcc 已加载插件…...
『亚马逊云科技产品测评』活动征文｜低成本搭建物联网服务器thingsboard
授权声明：本篇文章授权活动官方亚马逊云科技文章转发、改写权，包括不限于在 Developer Centre, 知乎，自媒体平台，第三方开发者媒体等亚马逊云科技官方渠道。 0. 环境 - ubuntu22（注意4G内存勉强够，部署完…...
【Pytorch】Visualization of Feature Maps（3）
学习参考来自： Image Style Transform–关于图像风格迁移的介绍github：https://github.com/wmn7/ML_Practice/tree/master/2019_06_03 文章目录 风格迁移 风格迁移 风格迁移出处： 《A Neural Algorithm of Artistic Style》（ar…...
人工智能对我们的生活影响
目录 前言 一、人工智能的领域 二、人工智能的应用 三、对人工智能的看法 总结 🌈嗨！我是Filotimo__🌈。很高兴与大家相识，希望我的博客能对你有所帮助。 💡本文由Filotimo__✍️原创，首发于CSDNǴ…...
Mysql存储引擎分类
Mysql存储引擎分类： 在选择存储引擎时，应该根据应用系统的特点选择合适的存储引擎。对于复杂的应用系统，还可以根据实际情况选择多种存储引擎进行组合。 InnoDB: 是Mysql的默认存储引擎，支持事务、外键。如果应用对事务的完整性有…...
基于Python+TensorFlow+Django的交通标志识别系统
欢迎大家点赞、收藏、关注、评论啦 ，由于篇幅有限，只展示了部分核心代码。 文章目录 一项目简介 二、功能三、系统四. 总结 一项目简介 随着交通网络的不断扩展和智能交通系统的发展，交通标志的自动识别变得愈发重要。本项目旨在利用Python编…...
【Java 进阶篇】Jedis：让Java与Redis轻松对话的利器
在现代软件开发中，缓存系统是提高系统性能的常见手段之一，而Redis作为一个高性能的缓存数据库，被广泛应用于各类系统。如果你是Java开发者，那么使用Jedis库可以让你轻松地与Redis进行交互。本文将带你深入了解Jedis的快速入门&…...
【数据分享】我国12.5米分辨率的DEM地形数据（免费获取/地理坐标系）
DEM地形数据是我们在各种研究和设计中经常使用的数据！之前我们分享过500米分辨率的DEM地形数据、90米分辨率的DEM地形数据、30米分辨率的DEM地形数据（均可查看之前的文章获悉详情）。 本次我们为大家带来的是分辨率为12.5m的DEM地形数据&#…...
C++设计模式之策略模式
策略模式 介绍示例示例测试运行结果应用场景优点总结 介绍 策略模式是一种行为设计模式。在策略模式中，可以创建一些独立的类来封装不同的算法，每一个类封装一个具体的算法，每一个封装算法的类叫做策略(Strategy)，为了保证这些策…...
spring-webflux的一些概念的理解
Spring5的webflux可以支持高吞吐量，使用相同的资源可以处理更加多的请求，它将会成为未来技术的趋势，但是相对于学习其他的框架相比，它的学习曲线很高，综合了很多现有的技术，即使按照教程学习能编写代码&…...
OpenCV快速入门：特征点检测与匹配
文章目录 前言一、角点检测1.1 角点特征1.1.1 角点特征概念1.1.2 角点的特点1.1.3 关键点绘制代码实现1.1.4 函数解析 1.2 Harris角点检测1.2.1 Harris角点检测原理1.2.2 Harris角点检测公式1.2.3 代码实现1.2.4 函数解析 1.3 Shi-Tomasi角点检测1.3.1 Shi-Tomasi角点检测原理1…...
旋转的数组
分享今天看到的一个题目，不同思路解法 题目 思路1：时间复杂度0(N*k） void rotate(int *a,int N,int k)//N为数组元素个数 { while(k--) { int tema[N-1]; for(int rightN-2;right>0;right--) { a[right1]a[right]; } a[0]tem; …...
Hive VS Spark
spark是一个计算引擎，hive是一个存储框架。他们之间的关系就像发动机组与加油站之间的关系。 类似于spark的计算引擎还有很多，像mapreduce，flink等等。 类似于hive的存储框架也是数不胜数，比如pig。 最底层的存储往往都是使用h…...
SAST静态分析工具所支持的规则
综合国内外SAST工具支持的规则，这些规则包括了国际标准、国内标准、行业标准等，这里我罗列了一下，这些规则对应的标准集合。 评估一款SAST工具时，支持规则集的多少，且每个规则集是否为全集，或者接近全集&am…...
torch 的数据加载 Datasets DataLoaders
点赞收藏关注！ 如需要转载，请注明出处！ torch的模型加载有两种方式： Datasets & DataLoaders torch本身可以提供两数据加载函数： torch.utils.data.DataLoader（）和torch.utils.data.Datase…...
【Promise】某个异步方法执行结束后 在执行下面方法
使用Promise ，当 layer.msg(查询成功) 这个方法执行结束后 ，下面代码才会执行 let thas this async function showMessage() {await new Promise(resolve > layer.msg(查询成功, resolve));// 这里的代码将在 layer.msg 执行结束后执行thas.isGuaran…...
大一C语言课设：手把手教你用链表和文件操作实现网吧计费系统（附完整源码）
从零构建C语言网吧计费系统：链表与文件操作的实战指南 刚接触C语言课程设计时，许多同学都会陷入"知道语法却不知如何应用"的困境。网吧计费系统这个经典课题，恰好能让我们把课本上的结构体、指针、文件操作等知识点串联起来&#x…...
乳腺癌生存预测模型开发与实践指南
1. 乳腺癌患者生存概率模型开发指南在临床医学研究中，预测患者生存概率一直是肿瘤学领域的核心课题。乳腺癌作为全球女性最常见的恶性肿瘤，其生存率预测对治疗方案选择、预后评估和医疗资源分配都具有重要意义。本文将系统介绍如何构建一个科学可靠的乳腺…...
Phi-3-mini-128k-instruct镜像免配置亮点：预装vLLM 0.6.3+Chainlit 1.2.0+依赖全兼容
Phi-3-mini-128k-instruct镜像免配置亮点：预装vLLM 0.6.3Chainlit 1.2.0依赖全兼容 1. 模型简介 Phi-3-Mini-128K-Instruct是一个38亿参数的轻量级开放模型，属于Phi-3系列的最新成员。这个模型经过精心训练，使用了包含合成数据和精选公开网…...
【新版实测】Spacedesk | 有线无线双模，打造高效移动副屏工作站
1. Spacedesk新版实测：双模连接带来的效率革命 第一次用Spacedesk把平板变成电脑副屏时，那种"原来还能这样操作"的震撼感至今难忘。最近他们推出了支持有线无线双模的新版本，我用自己的戴尔G15笔记本和荣耀V6平板做了深度测试。相比…...
Claude API开发实战：从环境搭建到生产部署
1. Claude API 开发环境搭建实战1.1 开发环境准备作为长期从事AI应用开发的工程师，我认为环境配置是项目成功的基础。对于Claude API开发，推荐使用Python 3.8版本，这个版本在稳定性和新特性支持上达到了最佳平衡。我实测过从3.7到3.11各个版本…...
顺序表（动态数组）实现详解：从原理到接口设计（面试视角）
目录 一、整体认知 二、数据结构设计 面试要点 三、生命周期管理 1. 初始化 2. 销毁 四、扩容机制（核心） 深度理解（面试高频） 1. 为什么用 realloc？ 2. 为什么按 2 倍扩容？ 3. 为什么用 tmp？ 五…...
Python指南python-guide深度：安全编码与漏洞防范终极指南
Python指南python-guide深度：安全编码与漏洞防范终极指南 【免费下载链接】python-guide Python best practices guidebook, written for humans. 项目地址: https://gitcode.com/gh_mirrors/py/python-guide Python作为一种强大且灵活的编程语言࿰…...
深度学习 —— 学习率衰减策略
目录 学习率策略 1. 先说结论： 2. 图例：各种学习率下的图 3. 学习率的方式 4. 公式： 4. 神经网络的训练流程 5. 完整代码示例 学习率策略 模型调优的时候可能才会用 1. 先说结论： ① 学习率小， 梯度下降慢 …...
别再傻傻分不清！OBW、IBW、RBW、VBW，5分钟搞懂射频工程师的四种‘带宽’
射频工程师的四种带宽：从概念到实战的深度解析 刚接触射频工程的新人，面对各种"BW"缩写时，常常一头雾水。OBW、IBW、RBW、VBW这些看似简单的术语背后，隐藏着通信系统设计与测试的核心逻辑。理解这些概念的区别和应用场景…...
为什么番茄小说下载器能成为你的离线阅读神器？
为什么番茄小说下载器能成为你的离线阅读神器？ 【免费下载链接】Tomato-Novel-Downloader 番茄小说下载器不精简版 项目地址: https://gitcode.com/gh_mirrors/to/Tomato-Novel-Downloader 你是否曾经在地铁里信号断断续续，正看到小说精彩处却无法…...