专栏首页卯金刀GGDOM对象与jquery对象有什么不同

DOM对象与jquery对象有什么不同

1.jQuery对象和DOM对象 DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象; var domObj = document.getElementById("id"); //DOM对象 var $obj = $("#id"); //jQuery对象; jQuery对象就是通过jQuery包装DOM对象后产生的对象,它是jQuery独有的。如果一个对象是jQuery对象,那么就可以使用jQuery里的方法,例: $("#foo").html(); //获取id为foo的元素内的html代码,html()是jQuery特有的方法; 上面的那段代码等同于: document.getElementById("foo").innerHTML; 注意:在jQuery对象中无法使用DOM对象的任何方法。 例如$("#id").innerHTML 和$("#id").checked之类的写法都是错误的,可以用$("#id").html()和$("#id").attr ("checked")之类的 jQuery方法来代替。同样,DOM对象也不能使用jQuery方法。学习jQuery开始就应当树立正确的观念,分清jQuery对象和DOM对象之间的区别,之后学习 jQuery就会轻松很多的。

2.jQuery对象和DOM对象的互相转换

在上面第一点说了,jquery对象和dom对象是不一样的!比如jquery对象不能使用dom的方法,dom对象不能使用jquery方法,那假如我 jquery没有封装我要的方法,那能怎么办呢? 这时我们可以将jquer对象转换成dom对象

jquery对象转换成 dom对象 jquery提供了两种方法将一个jquery对象转换成一个dom对象,即[index]和get(index)。可能有人会觉得奇怪,怎么是用下标呢,没错,jquery对象就是一个数组对象. 下面代码将演示一个jquery对象转换成dom对象,再使用dom对象的方法 复制代码 代码如下:

var $cr=$("#cr"); //jquery对象 var cr = $cr[0]; //dom对象 也可写成 var cr=$cr.get(0); alert(cr.checked); //检测这个checkbox是否给选中

dom对象转换成jquery对象 对于一个dom对象,只需要用$()把dom对象包装起来,就可以获得一个jquery对象了,方法为$(dom对象); 复制代码 代码如下:

var cr=document.getElementById("cr"); //dom对象 var $cr = $(cr); //转换成jquery对象

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Linux命令之zip详解

    1、把/home目录下面的data目录压缩为data.zip zip -r data.zip data #压缩mydata目录 2、把/home目录下面的d...

    用户5640963
  • Linux使用SFTP登陆时报错:Received unexpected end-of-file from SFTP server

    Linux系统使用SFTP登陆服务器是报错Received unexpected end-of-file from SFTP server。

    用户5640963
  • json对象和json字符串的转化

    代码如下: JSON.parse(jsonstr); //可以将json字符串转换成json对象 JSON.stringify(jsonobj); //可以将j...

    用户5640963
  • 测试用例设计的两个基本方法

    看到标题,我想你肯定也猜到了我要说的是啥,对,就是等价类划分和边界值分析这两个方法。

    sylan215
  • java设计模式(4)-原型设计模式

    这篇推文学习创建型模式最后一种-原型模式,该模式的思想是将一个对象作为原型,对其进行复制、克隆,产生一个和原对象类似的新对象,以便使用

    爱敲代码的猫
  • pandas库Series类型与基本操作

    py3study
  • 如何让Spring MVC显示自定义的404 Not Found页面

    不知道大家对千篇一律的404 Not Found的错误页面是否感到腻歪了?其实通过很简单的配置就能够让Spring MVC显示您自定义的404 Not Foun...

    Jerry Wang
  • 设计模式名录

    本文给出了经典的23种设计模式的名录,包括他们的分类、名称、定义以及简要说明,方便大家能够快速的回忆起他们。也是前面写过的或者后面将要写的设计模式的一个目录。...

    hbbliyong
  • PDF免费在线转换Word、PPT、jpg、Excel!电脑一下省了好几个G空间

    哈喽,各位小伙伴,大家好!橙c偷懒去了,我是小侠。相信很多在互联网的朋友,经常会遇到文件格式转换的难题,是不是“家常便饭”呀。然鹅最烦的莫过于Word和PDF,...

    IT小侠公社
  • MySQL集群:高可用性DBMS

    如果你在寻找一个不会发生单点故障的数据库管理系统,那么水平拓展的MySQL集群分布式多主架构将是您的最佳选择。MySQL集群可以通过MySQL和...

    和风

扫码关注云+社区

领取腾讯云代金券