jQuery基础01-jQuery对象和DOM对象

jQuery是一个兼容多浏览器的JavaScript框架。

1.jQuery概述及其版本简介

jQuery是一个函数库,需下载jQuery库,然后把它包含在网页中。

<head><script src="路径"></script></head>

2.jQuery下载与安装

下载:http://jquery.com/

安装:百度

使用在script标签里。

例如:

$(functiion(){

alert("hello world");
);

结果:浏览器弹出警告框显示:hello world

注意:jQuery 与$ 符号是等价的,可以相互替换。

window.onload与$(document).reandy()的区别:

执行时,前者是等内容加载完了(图片视频flash第),不能编写多个,无简化写法;

后者DOM文档结构加载完就执行,同一页面能编写多个,简化写法:$(function(){})

jQuery(document).ready(function(){

...

});

3.jQuery对象和DOM对象的区别与转换

DOM模型

只有(X)HTML、XML等文档结构的语言才具有DOM。

可以把HTML看成一棵树,它的根叶子树干都是DOM对象(各个标签,head、body等)

元素点、属性节点、文本节点

2.DOM对象

在JavaScript中,可以使用getElementById()或getElementByName()等方法获取DOM元素节点。

3.jQuery对象

通过jQuery选择器选中的HTML元素,就是jQuery对象,

例如:var myHTML=$("#myId").html();

//使用jQuery对象的html()方法,等价于document.getElementById("#myId").innerHTML;

转换方式:

jQuery——》DOM

var $MyId=$("#MyId");

var myDOM=MyId[0];

DOM——》jQuery

var MyId=document.getElementById("MyId");

var $MyId=$(MyId);

$()被称为jQuery工厂。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值