jQuery 和 DOM 转换

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><div id="d">达玛依西</div><script src="jquery-1.11.3.js"></script><script>    $(function(){        $("#d").html("llll"); //jquery操作        var d=$(‘#d‘).get(0);        d.innerHTML=‘222‘;  //dom操作        var dd=$("#d")[0];        dd.innerHTML="333"; //dom操作    });

</script></body></html>

时间： 2024-12-28 12:46:19

jQuery 和 DOM 转换的相关文章

jquery跟DOM转换

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <script src="../jquery.js" type="text/javascript"></script> </head> <body>

刚开始学习jquery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象.至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换. 什么是jQuery对象? ---就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可以使用jQuery里的方法. 比如: $("#test").html() 意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法这段代码等同于用DOM

锋利的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介绍 DOM对象和jQuery对象的转换与区别

jQuery介绍 DOM对象和jQuery对象的转换与区别 jQuery介绍 jQuery: http://jquery.com/ write less, do more. jQuery Hello World程序 <script type=“text/javascript” src=“xxx//jquery-x.y.z.js"> 引入jQuery.存在两个版本,jquery-x.y.z.min.js是精简压缩版,不带min的是开发版,代码中的注释和缩进等都被保留了. 注意路径中的”

Jquery的dom操作与原生dom的转换

本片文章包含了 jquery常见dom操作. q与原生dom对象的区别与转换伪数组对象的知识如有错误,烦请指正. 增以下方法共性:可以一次添加多个内容,内容可以是DOM对象.HTML string. jQuery对象创建元素 var obj = $('<div class="test"><p><span>Done</span></p></div>'); 两种方法可以创建元素直接写入html 传入一个原生d

jQuery与DOM相互转换

先执行一下代码 1 $(function () { 2 3 var div=$("<div></div>"); 4 console.log(div); 5 6 }); (注意,div的初始化,这个等价于js里面的 var div=document.createElement("div"); ) 看结果: 从结果可以看出: ①:输出的是jQuery对象 ②:0:div 集合的0位置是div 从第②点也就引出了两者的转换. 在看代码: 1 $

js day43 Jquery入门(回顾js,Jquery选择器,dom操作)

1 Javascript回顾问题:Javascript能做什么? 1. 获取操作dom <style> .aa{ background:red} .bb{ background:blue} </style> <body> <div id="dv" title="提示信息" class="aa">AAAAAAAAA</div> <button onclick="f

jQuery、DOM对象傻傻分不清楚

初学jQuery时,经常分辨不清楚哪些是jQuery对象,哪些是DOM对象.这是十分不好的现象.必须明确区分何为jQuery对象.何为DOM对象,对于后续的学习.理解才更方便. 先从DOM对象开始,之后在谈谈jQuery对象(jq对象基于DOM对象). DOM.DOM对象 DOM(Document Object Model,文档对象模型),DOM是W3C的标准.定义了访问HTML和XML文档的标准. 文档对象模型是中立于平台和语言的接口,允许程序和脚本动态的访问和更新文档的内容.结构以及样式,更

【Jquery对象】jquery与dom对象的区别

最近工作有很多判断的代码,用到了jquery与dom对象的地方比较多,写在这里加强下基本概念: 1.判断是否存在时候,要用dom对象,因为jQuery在获得对象的时候,无论要获得的对象是否存在,都会返回jQuery对象 2.jquery对象与dom对象的转换: jQuery对象就是通过jQuery包装DOM对象后产生的对象(集合对象).jQuery对象是jQuery独有的,可以使用jQuery里的方法.因此jQuery对象和DOM对象是不一样的,不能调用对方定义的方法.所以$(‘#test’).