JQUERY 对象与DOM对象之转换

2016-02-19 16:00 5 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的JQUERY 对象与DOM对象之转换教程,一起来看看吧!超容易上手~

【 tulaoshi.com - Web开发 】

转换案例:
获取JQUERY对象的方法

var jqueryObject = $("#test"); //jqeuryObject为一个Jquery对象,它可以使用jquery的所有方法但是不能使用
var jqueryObject = $("#test"); //jqeuryObject为一个Jquery对象,它可以使用jquery的所有方法但是不能使用
DOM对象的方法

var DOMObject = document.getElementById("test");//DOMObject为一个DOM对象,它可以使用DOM的所有方法,但是不能使用jquery的方法
var DOMObject = document.getElementById("test");//DOMObject为一个DOM对象,它可以使用DOM的所有方法,但是不能使用jquery的方法
jquery对象-DOM对象

var jqueryObject = $("#test");//获取jquery对象
var DOMObject = jqueryObject[0];//jquery对象转换为DOM对象
var jqueryObject = $("#test");//获取jquery对象
var DOMObject = jqueryObject[0];//jquery对象转换为DOM对象
DOM对象-jquery对象
var DOMObject = document.getElementById("test");//获取DOM对象
var jqueryObject = $(DOMObject);//DOM对象转换为jquery对象

来源:http://www.tulaoshi.com/n/20160219/1610855.html

延伸阅读
标签: Web开发
DOM操作的分类:DOM CORE(核心)、HTML-DOM和CSS-DOM 1. DOM Core DOM Core并不专属于javascript,任何一种支持DOM的程序设计语言都可以使用它。 它的用途并非仅限于处理网页,也可以用来处理任何一种使用标记语言编写出来的文档,如XML. Javascript中的getElementById(),getElementByTagName(),getAttribute()和setAttribute()方法,...
标签: Web开发
参照prototype.js中getElementsByClassName的思想,扩展出几种在DEOM操作中可经常用到的获取对象的方法,使用获取对象变得更方便、更精确了: document.getElementsByClassName = function(className,oBox) { //适用于获取某个HTML区块内部含有某一特定className的所有HTML元素 this.d= oBox || document; va...
标签: Web开发
看看我们的jQuery为我们都提供了哪些可用的方法: size():很明显,它应该是返回包装集中的元素个数,如$('a').size()表示链接元素的个数; get(index):当没指定index时就默认取包装集中所有元素,并以js中的数组形式返回,如果指定了index,则返回下标为index对应的元素,如$('img[title]').get(0)返回包含属性title的第一个img元...
我们知道,POA规范定义CORBA对象为具有标识、接口和实现的抽象实体。从客户机的角度来看,对象表示为对象引用,对象引用封装了对象接口类型和标识,并包含足够的信息来定位对象的实现。但从服务器的角度来看又怎样呢? 1、伺服对象 POA规范引入了伺服对象(servant)的概念,使抽象的CORBA对象能和实现该对象功能的具体编程...
在开始绘图之前,首先来了解一下对象的概念。在CorelDRAW中绘制的所有形状都称之为对象,包括文本对象和位图对象,如图2-1所示。它们都具有各自独立的属性特征,用户可以通过改变其属性特征来对图形整形。 图2-1 CorelDRAW中的各种对象 不管用户使用什么工具绘制图形,所绘制出的图形和线条都是由路径组成。来理解一下路径的概念,路径没...

经验教程

561

收藏

24
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部