html dom jquery对象,jQuery_jQuery学习笔记之DOM对象和jQuery对象，什么是DOM对象？ HTML是以树形 - phpStudy...

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

什么是DOM对象？

HTML是以树形结构来组织文档的，具体如下:

复制代码 代码如下:

1-4

//等待dom元素加载完毕.

$(document).ready(function(){

var domObj = document.getElementsByTagName("h3")[0]; // Dom对象

var $jQueryObj = $(domObj); //jQuery对象

alert("DOM对象："+domObj.innerHTML);

alert("jQuery对象："+$jQueryObj.html());

});

例子

你最喜欢的水果是?

• 苹果
• 橘子
• 菠萝

上面的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对象相关阅读:

FreeBSD服务器的安装与优化(2)

Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本

AIX Oracle 安装纪要 - cpio 、X11 forwarding

网页制作CSS之DIV长度相等教程

CSS3 Please:在线生成跨浏览器的CSS3代码

ORA-06512 get_ddl

阻止wordpress中自动加p标签br标签的方法

在phpMyAdmin使用用户口令登陆

修改IIS的Banner隐藏操作系统版本

phpwind生成html页面右下角跳转功能问题

Html转换UBB程序

IE Bug--浮动对象外补丁的双倍距离的解决方法

CSS合理的编码与组织技巧

小议Oracle外键约束修改行为(五)