DaiCuoBBs

 找回密码
 免费注册

QQ登录

只需一步,快速开始

[jQuery] jquery对象与dom对象之间互相转换的方法

[复制链接]
admin 发表于 2019-12-24 19:10:17 | 显示全部楼层 |阅读模式
本文主要讲述jquery对象和js里的dom对象之间互相转换的方法,使jquery对象可以直接使用js里的方法,或js里的dom对象使用jquery里的方法。
jquery对象和dom对象是不一样的,什么是jquery对象?什么是dom对象?我们举个例子来说:
  1. $("#aijquery"): //这种方式获取得到的就是jquery对象
  2. document.getElementById("aijquery")://这种方法获取到的就是dom对象
复制代码
jquery对象和dom对象是不一样的,对象的一些方法也是不一样的,比如我们要获取一个标签的html内容:
  1. document.getElementById("aijquery").innerHTML;//这是dom对象的方法
  2. $("#aijquery").html();//这是jquery对象的方法
复制代码
有时我们在特定的情况下,需要把jquery对象转换成dom对象,或者把dom对象转换成jquery对象,两种对象之间互相转换的方法:
dom对象转换为jquery对象:
一般情况下,dom对象直接用$()就可以转换成jquery对象,如:
  1. $(document.getElementById("aijquery"))
复制代码
jquery对象转换成dom对象,有两种方法,一种是用jquery的内置函数get,来获取dom对象,如:
  1. $("#aijquery").get(0);
复制代码
还有一种方法更简单,因为jquery对象的属性是一个集合,所以我们可以像数组那样,取出其中一项就行:
  1. $("#aijquery")[0];
  2. $("div")[5];
  3. //上面这两种返回的都是dom对象,可以直接使用js里的方法
复制代码
jquery对象和dom对象之间的互相转换就是上面这几种方法,总结一下我们经常会用到的一些写法,下面的这些写法都是正确的:
  1. $("#aijquery").html();
  2. $("#aijquery")[0].innerHTML;
  3. $("#aijquery").eq(0)[0].innerHTML;
  4. $("#aijquery").get(0).innerHTML;
  5. $("#aijquery").eq(2).html();
  6. $("#aijquery").get(2).innerHTML;
复制代码

您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|Archiver|手机版|小黑屋|大错站长论坛

GMT+8, 2020-5-29 17:26 , Processed in 0.056055 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表