jQuery对象和dom对象的区别和相互转换

最新推荐文章于 2023-04-08 10:41:35 发布
最新推荐文章于 2023-04-08 10:41:35 发布
阅读量185 收藏
点赞数
分类专栏： Jquery
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  2. <html>  
  3.   <head>  
  4.     <title>obj.html</title>  
  5.       
  6.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
  7.     <meta http-equiv="description" content="this is my page">  
  8.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
  9.       
  10.       
  11.     <script type="text/javascript" src="../../jquery-2.2.4.js"></script>  
  12.     <script type="text/javascript">  
  13.         /*  
  14.             jQuery对象和dom对象的区别  
  15.             dom对象是document.getElement来获取dom对象，dom对象只能访问dom中预定义的方法  
  16.                     value   innerHTML   innerText   style.样式名=值  
  17.             jQuery对象  就是通过$()对象处理返回的对象，该对象是jQuery的数组，只能调用  
  18.             jQueryr提供的方法，比如 css     text    html    val()  value  
  19.         */  
  20.         $(function(){  
  21.             //dom对象 不能调用jQuery方法  
  22.             var myDiv=document.getElementById("myDiv");  
  23.             myDiv.style.color="red";  
  24.             var myDiv2=document.getElementById("myDiv2");  
  25.             myDiv.innerText=myDiv2.innerText;  
  26.             //jQuery对象不能调用dom对象的方法  
  27.             $("#myDiv").css("color","green");  
  28.             $("#myDiv").text($("input")[1].value);  
  29.               
  30.             /*  
  31.                 jQuery对象和dom对象的互相转换  
  32.             */  
  33.             //jQuery对象转换dom对象  
  34.             var oDiv=$("input")[0];  
  35.             alert(oDiv);  
  36.               
  37.             //dom对象转换成jQuery对象  
  38.             var oDiv2=document.getElementById("myDiv2");  
  39.             var jQueryDiv=$(oDiv2);  
  40.             jQueryDiv.css("color","skyblue");  
  41.         })  
  42.     </script>  
  43.   </head>  
  44.     
  45.   <body>  
  46.    
  47.     <div id="myDiv">hello jquery</div>  
  48.       
  49.     <div id="myDiv2">hello world</div>  
  50.       
  51.     <span>hello</span><br/>  
  52.       
  53.     <input id="myInput" type="text" value="888888" />  
  54.       
  55.     <input type="text" value="99999" />  
  56.       
  57.     <p my="a"></p>  
  58.       
  59.     <p my="b"></p>  
  60.       
  61.     <div>  
  62.         <a href="www.google.com"></a>  
  63.     </div>  
  64.       
  65.   </body>  
  66. </html>  
qq_39010381
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery对象和DOM对象之间相互转换的方法介绍
10-24
主要介绍了jQuery对象和DOM对象之间相互转换的方法介绍,本文讲解了jQuery对象转成DOM对象、DOM对象转换成jQuery对象方法,需要的朋友可以参考下
jquery对象和javascript对象即DOM对象相互转换
12-09
jQuery对象和JavaScript对象（DOM对象）虽然在很多方面都是互补的，但它们在功能和使用上有着明显的区别。理解如何在这两者之间进行转换是编写高效、简洁的jQuery代码的关键。 首先，jQuery对象是通过调用jQuery...
Dom对象与jQuery对象区别与相互转换
qq_39859899的博客
01-07 103
Dom对象与jQuery对象区别与相互转换 1、概念 1.1、Dom对象 Dom对象，即文档对象模型，通过Dom，我们可以访问所有HTML的元素，包括他们的文本和属性。可以对其中的内容进行修改和删除，还可以创建新元素。Dom对象无法无法使用jQuery对象中的方法。 实例： var Obj = document.getElementById(“id”); 1.2、jQuery对象 jQuery对象...
jQuery--jq对象和dom对象
东篱的博客
03-01 640
1什么是jq对象  2jq对象和dom对象转化 3jq如何与其他js库共存 我是大p 我是大v /*什么是jq对象 */ // js例子 // var p = document.getElementsByTagName('p')[0]; // 用dom方法获得的对象p就是dom对象 var p = $('p'); // p为jQuery对象，只能使用jQue
jQuery对象和DOM对象之间的区别以及转换方法
JiangNanMax的博客
10-26 6014
jQuery对象和DOM对象之间的区别以及转换方法 在实现&lt;script&gt;标签中的代码内容的时候，经常都会使用DOM对象和jQuery对象。当实现的对象多的时候就容易搞混，这里做一下总结 jQuery对象是包装DOM对象后产生的，但是它们之间并不能混用！DOM对象只能使用DOM方法，jQuery对象只能使用jQuery方法 专业建议：在jQuery对象的变量名前添加$符号，...
JQuery对象与DOM对象相互转换以及JS和JQyery获取<select>元素当前值的方法
Haiyoung
05-29 1693
JQuery Object and DOM Object option1 option2 option3 JQuery对象和DOM对象不能混肴，JQuery对象不能直接调用原生JS对象的任何方法， JS对象也不能直接调用JQuery对象的方法；但是二者之间是可以相互转换的。 JQuery对象转换为DOM对象： var JQueryT
jQuery对象和DOM对象的相互转换
qq_51387458的博客
04-08 815
jQuery对象和DOM对象的相互转换
jQuery对象 和 DOM对象 的区别与相互转化
weixin_52212950的博客
04-05 1406
我们要想知道 jQuery对象 和 DOM对象 的区别就要先知道二者的定义： DOM对象：原生JS获取过来的对象就是DOM对象 jQuery对象：用 jQuery 的方式获取过来的对象叫 jQuery 对象 例如：var ele=document.querySelector('div') ，这里使用原生 JS 获取过来的的 ele 就是一个 DOM 对象 $('div') ，这里使用 jQuery 获取过来的对象 $('div') 就是一个 jQuery 对象，下面我们使用 console.di
jQuery对象与dom对象的区别与相互转换
sulixu的博客
08-18 163
什么是jQuery对象？ 就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。 例如： $("#apple").html() 意思是指：获取id为apple的元素内的html代码。其中html()是jQuery里的方法 这段代码等同于用DOM实现代码： document.getElementById("id").innerHTML; 虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也
jquery对象和DOM对象的相互转换详解
易的博客
03-03 1149
jquery对象和DOM对象的相互转换 在讨论jquery对象和DOM对象的相互转换之前，先约定好定义变量的风格如果获取的是jquery对象，那么在变量前面加上$,例如 var $varible = jquery对象； 如果获取的是DOM对象，则定义如下： var varible = DOM对象； 1.jquery对象转成DOM对象： jquery对象不能使用DOM中的方法，但如果对jquery对象所提供的方法不熟悉，或者没有jquery想封装的方法，不得不使用DOM对象，即【index】和ge
JQuery_JQuery对象和DOM对象的区别和转换
pseudonym_的博客
07-21 384
JQuery对象和DOM对象之间的区别以及两者如何互相转换。还有一点书写的小建议。
jquery对象和DOM对象的区别介绍
12-12
（http://shawphy.com/jqueryapi/ 这里是最新文档，有离线版下载） 第三步，深刻了解jQuery对象和普通DOM对象的区别。互相转化见Q1 Q1,js的写法:document.getElementById(‘save’).disabled=true; 在jquery中我是...
jquery对象和DOM对象的任意相互转换
10-22
总的来说，jQuery对象和DOM对象的相互转换是JavaScript和jQuery开发中的基本技能，掌握这些技巧可以更好地利用这两个世界的优点，同时避免潜在的问题。通过理解它们的本质差异和转换方法，开发者可以更高效地编写出...
avif-0.5.0-cp37-cp37m-manylinux2010_i686.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
[毕设]HTTP代理服务器开发与实现.zip
07-27
[毕设]HTTP代理服务器开发与实现
PyQt5-5.15.11-cp38-abi3-win32.whl
最新发布
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
jupyterlab_broccoli_turtle-0.4.7-py3-none-any.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
pillow-10.4.0-cp311-cp311-win32.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
jquery对象和dom对象相互转换
06-08
将DOM对象转换为jQuery对象，可以使用jQuery函数，例如: ```javascript var domObject = document.getElementById("myDiv"); var $jqueryObject = $(domObject); ``` 将jQuery对象转换为DOM对象，可以使用数组下标...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值