首頁 > web前端 > js教程 > jQuery学习笔记之DOM对象和jQuery对象_jquery

jQuery学习笔记之DOM对象和jQuery对象_jquery

WBOY
發布: 2016-05-16 18:13:38
原創
1239 人瀏覽過
什么是DOM对象?

HTML是以树形结构来组织文档的,具体如下:
复制代码 代码如下:




1-4






例子


你最喜欢的水果是?



  • 苹果

  • 橘子

  • 菠萝





上面的HTML文件的DOM树如下:

什么是jQuery对象?

jQuery对象就是经过jQuery包装过的DOM对象,如下:

$(domObj) 相当于 document.getElementsByTagName("h3")
$("#ID") 相当于 document.getElementsById("ID")

jQuery对象和DOM对象的转换?

1.获取对象:

获取jQuery对象:var $variable=jQuery对象;
获取DOM对象:var variable=DOM对象;
2.jQuery对象转DOM对象:

利用数组转换 var cr=$("#cr")[0];
利用get(index)方法转换 var cr=$("#cr").get(0);
3.DOM对象转jQuery对象:
var cr=document.getElementsById("cr"); //获取DOM对象
var $cr=$(cr);//转换为jQuery对象
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板