添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
粗眉毛的镜子  ·  Qt QTextEdit ...·  6 月前    · 
叛逆的松鼠  ·  Preventing iframe ...·  1 年前    · 
宽容的小虾米  ·  axios 获取 token ...·  1 年前    · 

核心提示: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,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通...
问题:循环点击按钮弹出对应的数字&lt;body&gt; &lt;input type="button" value="按钮1"&gt; &lt;input type="button" value="按钮2"&gt; &lt;input type="button" value="按钮3"&gt; &lt;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);