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工厂。