核心提示:jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,一般情况下,如S(’#id’)得到的是jquery对象,它不能使用js中的dom方法。所以,如果jquery对象要使用标准的dom方法,就需要进行对象转换。
什么是jQuery对象?
通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法,
但是无法使用DOM对象的任何方法
。
$("#test").html() 意思是指:获取ID为test的元素内的html代码。其中html()是jQuery里的方法
等同于用DOM实现代码:
document.getElementById("id").innerHTML;
|
DOM对象也不能使用jQuery里的方法. 乱用会报错。比如:$("#test").innerHTML、document.getElementById("id").html()之类的写法都是错误的。
注意:用#id作为选择符取得的是jQuery对象与document.getElementById("id")得到的DOM对象,两者并不等价。请参看如下说的两者间的转换。
既然
jQuery对象与DOM对象
有区别但也有联系,那么jQuery对象与DOM对象也可以相互转换。
在再两者转换前,首先我们给一个约定:如果获取的是
一个
jQuery对象,那么在变量前加上$,如:var $variab = jQuery对象;如果获取的是DOM对象,则与普通习惯一样:var variab = DOM对象;这么约定只是便于讲解与区别,实际使用中并不规定。
jQuery对象转成DOM对象:
两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);
(1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。
如:var $v =$("#v") ; //jQuery对象
var v=$v[0]; //DOM对象
alert(v.checked) //检测这个checkbox是否被选中
(2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象
如:var $v=$("#v"); //jQuery对象
var v=$v.get(0); //DOM对象
alert(v.checked) //检测这个checkbox是否被选中
DOM对象转成jQuery对象:
对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)
如:var v=document.getElementById("v"); //DOM对象
var $v=$(v); //jQuery对象
转换后,就可以任意使用jQuery的方法了。
通过以上方法,可以任意的相互转换jQuery对象和DOM对象。需要再强调注意的是:DOM对象才能使用DOM中的方法,jQuery对象是不可以用DOM中的方法。
核心提示:jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,一般情况下,如S(’#id’)得到的是jquery对象,它不能使用js中的dom方法。所以,如果jquery对象要使用标准的dom方法,就需要进行对象转换。什么是jQuery对象?通过jQuery包装DOM对象后产生的对象。jQ...
jQuery
对象
是通过
jQuery
包装
DOM
对象
后产生的
对象
。
jQuery
对象
是
jQuery
独有的,其可以使用
jQuery
里的方法,但是不能使用
DOM
的方法;
例如: $(“#img”).attr(“src”,”hua.png”); 这里的 $(“#img...
function parseTo
DOM
(str){
var div = document.createElement("div");
if(typeof str == "string")
div.innerHTML = str;
return div.childNodes;
str : HTML文本字符串.
你所需要的
DOM
JS
对象
包含
DOM
对象
jQuery
库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为的是提供更好更方便快捷的
DOM
处理与开发中经常使用的功能。
我们使用
jQuery
的同时也能混合JavaScript原生代码一起使用。
在很多场景中,我们需要
jQuery
与
DOM
能够
相互
的
转换
,它们都是可以操作的
DOM
元素,
jQuery
是一个类数组
对象
,而
DOM
对象
就是一个单独的
DOM
元素。
相比较
jQuery
转化成......
Jquery
的这套选择符是比较帅气的,借用了XPath2.0和CSS1-3中的语法,并且兼容了多个浏览器,让原本非常复杂的
DOM
,一下子变得简单起来了,手中最新的版本是1.2.2b,下面的所有例子,也是根据此版本提供的例子。
测试HTML代码:
<div id="father">
<div id="first">I am first</div>
...
HTML5 Web 存储是本地存储,存储在客户端,包括localStorage和sessionStorage。HTML5 Web 存储是以键/值对的形式存储的,通常以字符串存储。
localStorage
localStorage生命周期是永久,除非主动清除localStorage信息,否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通...
问题:循环点击按钮弹出对应的数字<body>
<input type="button" value="按钮1">
<input type="button" value="按钮2">
<input type="button" value="按钮3">
<input t
```javascript
var
dom
Object = document.getElementById("myDiv");
var $
jquery
Object = $(
dom
Object);
将
jQuery
对象
转换
为
DOM
对象
,可以使用数组下标或者get()函数,例如:
```javascript
var $
jquery
Object = $("#myDiv");
var
dom
Object = $
jquery
Object[0];
// 或者
var
dom
Object = $
jquery
Object.get(0);