Dom对象和jQuery对象的互转

1.Dom对象转换为jQuery对象

1??直接获取视频,得到就是jQuery对象

$(‘video‘);

2??我们已经使用原生js,获取过来 Dom对象

var myvide = document.querySelector(‘video‘);

$(myvideo);

2.jQuery对象转换为Dom对象(两种方法)

$(‘div‘)[index] //index 是索引号

$(‘div‘).get(index) //index 是索引号

$(‘video‘)[0].play();

$(‘video‘).get(0).play();

原文地址:https://www.cnblogs.com/foreverLuckyStar/p/11875481.html

时间: 2024-10-10 09:44:39

Dom对象和jQuery对象的互转的相关文章

DOM对象和js对象以及jQuery对象的区别

一.DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口. DOM实际上是以面向对象方式描述的文档模型.DOM定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系. 通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性.可以对其中的内容进行修改和删除,同时也可以创建新的元素. HTML DOM 独立于平台和编程语言.它可被任何编程语言诸如 Java.JavaScript 和 VBScript 使用. DOM对象,即是我们用

认识JQuery,JQuery的优势、语法、多库冲突、JS原生对象和JQuery对象之间相互转换和DOM操作,常用的方法

(一)认识JQuery  JQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一套定义好的方法    JQuery的主旨:以更少的代码,实现更多的功能 (二)JQuery的优势 1)可以像CSS一样访问和操作DOM 2)修改CSS控制页面外观 3)简化JS代码操作 4)事件代理更加容易 5)动画效果使用方便 6) Ajax技术更加完美 7)大量的基于Jquery的插件 8)可以自定义扩展功能插件 (三)JQuery的语法 格式:$(selector).actio

锋利的jQuery(1)——DOM对象与jQuery对象的转换

1.认识jQuery DOM对象:即文档对象模型 jQuery对象:通过jQuery包装DOM对象后产生的对象.这是jQuery对象所特有的,在jQuery对象中无法使用DOM对象的任何方法,同时DOM对象也不能使用jQuery对象的方法.(这也是我自己在写代码的时候经常弄混的一条) DOM对象和jQuery对象的互换:一般的在jQuery对象前面加上$ jQuery对象转换成DOM对象: Jquery对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象 //代码如下 va

[ jquery 过滤器 is(expr | jqObj | ele | function) ] 此方法用于在选择器的基础之上根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果有,则返回true

根据选择器.DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true. 如果没有元素符合,或者表达式无效,都返回'false'. '''注意:'''在jQuery 1.3中才对所有表达式提供了支持.在先前版本中,如果提供了复杂的表达式,比如层级选择器(比如 + , ~ 和 > ),始终会返回true 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title&

JavaScript DOM对象和JQuery对象相互转换

1.分析源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C

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

jQuery对象和DOM对象使用说明,需要的朋友可以参考下. 1.jQuery对象和DOM对象 第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象;代码如下: 1 var domObj = document.getElementById("id"); //DOM对象 2

锋利的jQuery——DOM对象与jQuery对象的区别

DOM对象 <h3>例子</h3> <p title="选择你喜欢的水果">你最喜欢的水果是?</p> <ul> <li>苹果</li> <li>橘子</li> <li>菠萝</li> </ul> <h3><p><ul><li>都是DOM对象,在javascript中可以使用getElementB

Dom对象和Jquery对象区别详解

js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的$("#save").disabled = true;  为什么没效果呢 这个是典型的问题,其实因为$("#save")出来的其实是jQuery对象,而不是普通DOM对象  解决方法有2: 1,用JQ写法,$("#save").attr("disabled","true");

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

在学习jQuery的时候,有时候总是把DOM对象和jQuery对象弄混,用DOM对象去调用jQuery对象的方法,用jQuery对象的方法去调用DOM对象的方法,这是不可以的.其实这两种东西可以进行相互的转换,在使用的时候可以搭配使用.转换的过程十分的简单. 1.DOM对象转换为jQuery对象 对于一个DOM对象来说,要把它转换成jQuery对象只需要给DOM对象前加上$符号即可. 格式:$(DOM对象) 代码示例: var obj = document.getElementById("tex