jQuery 基础教程 (二)之jQuery对象与DOM对象

一、jQuery 对象

(1)jQuery 对象就是通过 jQuery 包装DOM对象后产生的对象

(2)Query 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#tab”).html();

(3)jQuery 对象无法使用 DOM 对象的任何方法, 同样 DOM 对象也不能使用 jQuery 里的任何方法

建议约定:如果获取的是 jQuery 对象, 那么要在 变量前面加上 $.
 

 var $variable = jQuery 对象var variable = DOM 对象

 

二、jQuery 对象转成 DOM 对象

(1)jQuery 对象不能使用 DOM 中的方法, 但如果 jQuery 没有封装想要的方法, 不得不使用 DOM方法的时候,。

有如下两种处理方法:

(A) jQuery 对象是一个数组对象, 可以通过 [index] 的方法得到对应的 DOM对象.

     $("#msg")[0]

(B) 使用 jQuery 中的 get(index) 方法得到相应的 DOM 对象

      $("#msg").get(0)

(C)对于一个 DOM 对象, 只需要用 $() 把 DOM 对象包装起来(jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象), 就可以获得一个 jQuery 对象.

     例如: $(document.getElementById(“msg”))

转换后就可以使用 jQuery 中的方法了

(2)jQuery对象与dom对象的转换举例

以下几种写法都是正确的:

$("#msg").html();

$("#msg")[0].innerHTML;

$("#msg").eq(0)[0].innerHTML;

$("#msg").get(0).innerHTML;

如:$("#msg")[0],$("div").eq(1)[0], $("div").get()[1],$("td")[5]这些都是dom对象, 可以使用dom中的方法,但不能再使用jQuery 的方法

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/327039.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用ueditor实现多图片上传案例——Dao层(IShoppingDao)

/** * Title: IShoppingDao.java * Package org.dao * Description: TODO该方法的主要作用: * author A18ccms A18ccms_gmail_com * date 2017-9-30 下午9:57:35 * version V1.0 */ package org.dao;import org.entity.Shopping;/** * * 项目名称&#x…

String转Double

String转Double String.format("%.1f",Double.parseDouble(r.getString(5)))

春节祝福提前到

2017 鸡 年 大 吉 HAPPY NEW YEAR 鸡年起算自二十四节气之立春,因为生肖年依附于干支纪年,而干支纪年又是干支历的纪年方法。历代官方历书(即黄历)皆如此。农历只是借用干支来纪年,和干支历是两种不同的历法&#xf…

jQuery 基础教程 (一)之jQuery的由来及简介

一、RIA技术 (1)RIA(Rich Internet Applications) 富互联网应用,具有高度互动性、丰富用户体验以及功能强大的客户端。 (2)常见的RIA技术 Ajax Flex Sliverlight (3)JavaScript及其框架是实现RIA的重…

使用ueditor实现多图片上传案例——DaoImpl层(BaseDaoUtilImpl)

/*** */ package org.dao.impl;import java.sql.ResultSet; import java.sql.SQLException; import java.util.ArrayList; import java.util.List;import org.dao.BaseDao; import org.entity.Shopping;/*** * * 项目名称:test_BaseDao * 类名称&#xff1a…

外键

如图有两张表,classId 是T_Student的外键,是T_class 表的主键, 如果我们要删除T_class 表中classId为1的字段,程序是会报错的,因为t_student表中有数据和classId为1的字段关联了,是不能删除的,这…

mybatis=<>的写法

mybatis<>的写法 第一种写法&#xff08;1&#xff09;&#xff1a; 原符号 < < > > & " 替换符号 < < > > &amp; &apos; &quot; 例如&#xff1a;sql如下&#xff1a; create_date_time > #{startTime} and create_…

新春大吉,2017 Make .NET Great

今天年初六&#xff0c;新春好景象&#xff0c;送礼处处有新意。这个春节暂停了几天的公众号更新&#xff0c;今天就和大家回顾下最近几天发生在我们身边的.NET 圈里的信息。 1、 微软正式公布了.NET Core SDK 1.0 RC3的信息&#xff0c;其实早已包含在最近更新的Visual Studio…

使用ueditor实现多图片上传案例——DaoImpl层(ShoppingDaoImpl)

/** * Title: ShoppingDaoImpl.java * Package org.dao.impl * Description: TODO该方法的主要作用&#xff1a; * author A18ccms A18ccms_gmail_com * date 2017-9-30 下午10:09:23 * version V1.0 */ package org.dao.impl;import org.dao.IShoppingDao; import org.e…

给数据表中的字段添加约束

添加唯一约束 唯一约束&#xff08;Unique Constraint&#xff09;要求该列唯一&#xff0c;允许为空&#xff0c;但是只能有一个空值。唯一约束可以确保一列或者几列不出现重复值。 定义部门表的部门名称唯一&#xff0c;SQL语句如下&#xff1a;关键词 UNIQUE。 CREATE TA…

头条面试题:请谈谈Redis 9种数据结构以及它们的内部编码实现

转载自 头条面试题&#xff1a;请谈谈Redis 9种数据结构以及它们的内部编码实现 90%的人知道Redis 5种最基本的数据结构&#xff1b; 只有不到10%的人知道8种基本数据结构&#xff0c;5种基本bitmapGeoHashHyperLogLog&#xff1b; 只有不到5%的人知道9种基本数据结构&…

【初码干货】关于.NET玩爬虫这些事

这几天在微信群里又聊到.NET可以救中国但是案例太少不深的问题&#xff0c;我说.NET玩爬虫简直就是宇宙第一&#xff0c;于是大神朱永光说&#xff0c;你为何不来写一篇总结一下&#xff1f; 那么今天就全面的来总结一下&#xff0c;在.NET生态下&#xff0c;如何玩爬虫 关于爬…

使用ueditor实现多图片上传案例——Service层(IShoppingService)

/** * Title: IShoppingService.java * Package org.service * Description: TODO该方法的主要作用&#xff1a; * author A18ccms A18ccms_gmail_com * date 2017-9-30 下午10:13:23 * version V1.0 */ package org.service;import org.dao.IShoppingDao;/** * * 项…

数组,List,Set相互转化

https://blog.csdn.net/kye055947/article/details/80561633 订阅专栏 转载&#xff1a;https://blog.csdn.net/my_precious/article/details/53010232 1. 数组转化为List&#xff1a; String[] strArray new String[]{"Tom", "Bob", "Jane"};…

【JVM】浅谈双亲委派和破坏双亲委派

转载自 【JVM】浅谈双亲委派和破坏双亲委派 一、前言 笔者曾经阅读过周志明的《深入理解Java虚拟机》这本书&#xff0c;阅读完后自以为对jvm有了一定的了解&#xff0c;然而当真正碰到问题的时候&#xff0c;才发现自己读的有多粗糙&#xff0c;也体会到只有实践才能加深理…

使用ueditor实现多图片上传案例——ServiceImpl层(ShoppingServiceImpl)

/** * Title: ShoppingServiceImpl.java * Package org.service.impl * Description: TODO该方法的主要作用&#xff1a; * author A18ccms A18ccms_gmail_com * date 2017-9-30 下午10:17:54 * version V1.0 */ package org.service.impl;import org.dao.IShoppingDao; …

开源OSS.Social微信项目解析

前言&#xff1a;OSS.Social是个开源的社交网站接口集成项目&#xff0c;当前也有很多其他不错的项目&#xff0c;不过始终没有我想要的那种简单清晰&#xff0c;只能撸起袖子&#xff0c;从头打造一个。当前正在进行的是对微信项目的开发&#xff0c;这里把对接口的整理&#…

查询空值中的注意事项

在数据表创建之初&#xff0c;创建者可以指定某个字段是否为空值NULL。注意了&#xff0c;这个NULL既不代表0&#xff0c;也不代表空字符&#xff0c;而是代表一种未知的状态&#xff0c;比如不适用或者放着等将来有合适数据了再添加进去。 语法规则为&#xff1a; SELECT 字段…