- 浏览: 6306177 次
- 性别:
- 来自: 一片神奇的土地
文章分类
- 全部博客 (745)
- JQuery (25)
- JS (33)
- 数据库 (59)
- Java基础 (56)
- JSON (8)
- XML (8)
- ireport (7)
- 设计模式 (10)
- 心情 (14)
- freemarker (1)
- 问题 (15)
- powerdesigner (2)
- CSS (15)
- DWR (4)
- tomcat (16)
- Hibernate (12)
- Oracle (7)
- Struts (7)
- Spring (34)
- JSP (23)
- 需学习 (64)
- 工具类库 (63)
- Maven (14)
- 笔试题 (34)
- 源码学习 (31)
- 多线程 (39)
- Android (32)
- 缓存 (20)
- SpringMVC (14)
- jQueryEasyUi (12)
- webservice-RPC (13)
- ant (1)
- ASP.NET (10)
- 正则表达式 (3)
- Linux (15)
- JBoss (1)
- EJB (3)
- UML (2)
- JMS (3)
- Flex (8)
- JSTL (2)
- 批处理 (5)
- JVM (16)
- 【工具】 (16)
- 数据结构 (29)
- HTTP/TCP/Socket (18)
- 微信 (1)
- tomcat源码学习 (15)
- Python (30)
- 主机 (2)
- 设计与架构 (19)
- thrift-RPC (2)
- nginx (6)
- 微信小程序 (0)
- 分布式+集群 (12)
- IO (1)
- 消息队列 (4)
- 存储过程 (8)
- redis (9)
- zookeeper (5)
- 海量数据 (5)
最新评论
-
360pluse:
技术更新,战术升级!Python爬虫案例实战从零开始一站通网盘 ...
Python爬虫实战:Scrapy豆瓣电影爬取 -
18335864773:
推荐用 pageoffice 组件生成 word 文件。
JAVA生成WORD工具类 -
jjhe369:
LISTD_ONE 写道起始地址为163.135.0.1 结束 ...
IP地址与CIDR -
baojunhu99:
private final int POOL_SIZE = 5 ...
使用CompletionService获取多线程返回值 -
LovingBaby:
胡说,javascript 运行时是单线程的,event lo ...
Ajax请求是否可以实现同步
jQuery 对象
是通过jQuery包装DOM对象后产生的对象
。jQuery对象是jQuery独有的,其可以使用jQuery里的方法。
比如:
$("#test").html()
指:获取ID为test的元素内的html代码。其中html()是jQuery里的方法
用DOM实现代码:
document.getElementById("id").innerHTML;
虽然jQuery对象是包装DOM对象后产生的,但是
jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方
法
。乱使用会报错。比如:$("#test").innerHTML、document.getElementById("id").html()之类的
写法都是错误的。
调用方法时要注意操作的是dom对象还是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。
Jquery对象转换为DOM对象:
两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);
(1)jQuery对象可以通过[index]的方法,来得到相应的DOM对象。
如:var v =$("#v") ; //jQuery对象
var v=v[0]; //DOM对象
(2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象
如:var v=$("#v"); //jQuery对象
var v=v.get(0); //DOM对象
DOM对象转换为Jquery对象:
对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)
如:var v=document.getElementById("v"); //DOM对象
var $v=$(v); //jQuery对象
转换后,就可以任意使用jQuery的方法了。
几种正确的写法:
1. $("#msg").html(); 2. $("#msg")[0].innerHTML; 3. $("#msg").eq(0)[0].innerHTML; 4. $("#msg").get(0).innerHTML;
4
发表评论
-
抢购学习
2019-03-01 10:53 964来源:https://blog.csdn.net/lius ... -
JSONP跨域
2019-02-26 11:31 939jQuery jsonp跨域请求(很详细) json和j ... -
Ajax请求是否可以实现同步
2018-06-14 10:32 5054Ajax请求是否可以实现同步 当JS代码加载到当前A ... -
jQuery新特性总结
2017-09-18 16:00 856$(document).on: 从jQuery1.7开始 ... -
jQuery中map函数
2017-04-06 10:13 1185两种方式: 1、直接jQuery.map //将原数组中 ... -
JS实现的刮刮卡程序
2017-01-05 11:38 2839来源: 基于HTML5 Canvas的刮奖(刮刮卡)小控 ... -
Google插件
2016-06-29 11:56 1370Chrome插件下载 吐血推荐珍藏的Chrome插件 ... -
移动端图片上传解决方案localResizeIMG先压缩后ajax无刷新上传
2016-03-10 09:46 10887现在科技太发达,移动设备像素越来越高,随便一张照片2M+, ... -
使用megapixImage.js定位并展示上传的图片
2016-03-09 18:10 3533megapix-image插件 使用Canvas压缩图片上 ... -
基于jquery实现日历签到功能
2016-02-23 14:05 17648使用Jquery实现每日签到功能 基于jquery实现日 ... -
加载更多
2015-02-05 14:59 3390加载更多: 默认展示第一页数据,向下滑动加载第二页数据,依 ... -
Jquery表单验证插件–Validform
2015-02-05 11:44 20097Validform: Jquery表单验证插件–Valid ... -
EasyUI项目中的自定义JS
2014-07-09 17:15 4896自定义方法: (function($) { ... -
jquery.cookie.js使用介绍
2013-12-30 10:58 2336对cookies的操作在当访问一个网站就无时无刻的都伴随着我 ... -
Jquery打造可以上下移动行的表格
2013-05-06 16:05 3639current.insertBefore(prev); c ... -
[转]JQuery语法总结和注意事项
2011-12-03 13:09 17341、关于页面元素的引用 通过jquery的 $() ... -
jQuery的自动完成插件autocomplete
2011-05-17 14:17 13686autocomplete方法有两个参数,第一个用来填写URL地 ... -
jQuery实现Select多选列表双击选中项时相互添加
2011-05-13 11:45 8884jQuery实现在左边双击某一项时添加到右边,右边时添加到左边 ... -
$.ajax中dataType为html实现地区显示效果
2010-12-23 17:00 12106实现了选择第一个时,第二个才显示,并且显示的是对应的信息 ... -
Jquery中的验证jquery.validate.js
2010-12-06 20:03 3399默认验证信息是英文,要改成中文,需引入如下js:jquery. ...
相关推荐
jQuery第1天:JQ基本介绍、使用步骤、jQuery对象与DOM对象(重点)、jQuery选择器、mouseover与mouseenter、index方法、区分jQuery与Javascript
三.Dom对象和jQuery包装集 9 四. 什么是jQuery选择器 11 五.jQuery选择器全解 13 六 jQuery选择器实验室 19 七.API文档 20 八.总结 20 从零开始学习jQuery (三) 管理jQuery包装集 21 一.摘要 21 二.前言 21 三.动态...
10.5.1 jquery在其他库前导入 10.5.2 jquery在其他库后导入 10.6 使用子查询优化选择器性能 10.7 减少对dom元素直接操作 10.8 正确区分dom对象与jquery对象 10.8.1 dom对象与jquery对象的定义 10.8.2 ...
一.摘要 本章讲解jQuery最重要的选择器部分的知识. 有了jQuery的选择器我们几乎可以获取页面上任意的一个或一组对象, 可以明显减轻开发人员的...无论是在写程序还是看API文档, 我们要时刻注意区分Dom对象和jQuery包
书名:jQuery权威指南(系统介绍jQuery方方面面...10.8 正确区分DOM对象与jQuery对象/334 10.8.1 DOM对象与jQuery对象的定义/334 10.8.2 DOM对象与jQuery对象的类型转换/335 10.9 本章小结/337 第11章 综合案例开发...
使一个Dom对象成为一个Jquery对象很简单,通过下面一些方式(只是一部分): 代码 var a = $("#cid"); var b = $("<p>hello</p>"); var c = document.createElement("table"); var tb = $(c); 编辑本段代替body...
jQuery 核心思想:jQuery 流行程度:jQuery 好处:常见问题JQuery核心函数jQuery 对象和 dom 对象区分jQuery 选择器基本选择器层级选择器过滤选择器基本过滤器:内容过滤器:属性过滤器:表单过滤器:表单对象属性过滤器...
《jQuery攻略》对使用jQuery过程中遇到的各类问题给出了解决方案,比如,如何使用jQuery框架、CSS选择器、DOM、事件处理、动画效果,以及如何开发Ajax应用程序、如何使用jQuery工具函数、如何使用插件扩展jQuery。...
这个方法的作用是为了跟其他的 JavaScript对象如 null,数组,宿主对象(documents),DOM 等作区分,因为这些用 typeof 都会返回object。 使用 语法: $.isPlainObject( object ) 参数说明: object:任意类型 ...
查看插件的源码,发现它也依赖图片对象的complete属性和onload事件,并且特别把IE6区分对待,到底IE6在图片加载对象上,与其它浏览器有什么不同呢? 看下文: 通过js操纵DOM很多情况下都是为了实现和当前页html元素...
在线简历 哈西马尔·辛格(Harsimar ... 名称必须与架构中的名称匹配(请注意,对象和属性名称区分大小写)。 所有属性值都应该是为架构中的属性提供的数据类型。 例如,如果将数据类型指定为数组,则不能使用字符串作
14.2.4 高效地使用jQuery对象 409 14.3 创建快速载入的JavaScript 410 14.3.1 在Windows下使用YUI Compressor 411 14.3.2 在Mac下使用YUI Compressor 412 第五部分 附录 413 附录A JavaScript资源 413
国际化加载并替换浏览器中DOM中特定于语言的短语。 它大致遵循胡须的逻辑,区分双括号和三括号,以允许纯文本和HTML插入。这个怎么运作在HTML页面中包含jquery.internationalize.js。 在文档上调用internationalize...