标签：class style log 使用 代码 la sp java html jQuery库 优点： 特点（特殊之处）： 注意 jQuery 分 2 个系列版本 1.x 与 2.x，主要的区别 在于 2.x 不再兼容 IE6、7、8 为移动端而优化
如果开发者比较在意老版本 IE 用户，只能使用 jQuery 1.9 及之前的版本了。 * jQuery对象和DOM对象是不一样的
1 /**
2 * 获取页面上这个id为demo的p元素，
3 * 然后给这个文本节点增加一段文字：“这是一个demo”，
4 * 并且让文字颜色变成红色。
p = document.getElementById(‘demo‘);
10 p.innerHTML = ‘这是一个demo‘;
11 p.style.color = ‘red‘;
/********************************************/
$p = $(‘#demo‘);
6 $p.html(‘这是一个demo‘).css(‘color‘, ‘red‘);
jQuery对象转化成DOM对象：
1 var divs = document.getElementsByTagName(‘div‘);
2 divs.style.color = ‘blue‘;
divs = document.getElementsByTagName(‘div‘);
7 divs[1].style.color = ‘blue‘;
divs = document.getElementsByTagName(‘div‘);
11 divs[0].onclick = function () {
12 alert(‘aaa‘);
13 };
divs = document.getElementsByTagName(‘div‘);
17 divs.onclick = function () {
18 alert(‘aaa‘);
19 };
(***************************************) 1.利用数组下标的方式读取到jQuery中的DOM对象
元素1元素2元素3
$div = $(‘div‘); div1 = $div[0]; div1.style.color = ‘red‘;
2.通过jQuery自带的get()方法
$div = $(‘div‘); div1 = $div.get(0); div1.style.color = ‘red‘;
DOM对象转化成jQuery对象
对象是一个数组合集(3个div元素)。
4 var divs = document.getElementsByTagName(‘div‘);
5 divs[1].style.color = ‘blue‘;
$divFirst.css(‘color‘, ‘red‘);
jQuery（一） 标签：class style log 使用 代码 la sp java html 原文：
轻量级的JavaScript库
核心依然是JavaScript
不仅兼容了CSS3，还兼容各种浏览器（IE、Chrome、Firefox）
容易上手
强大的选择器
解决浏览器的兼容
完善的事件机制
出色的Ajax封装
丰富的UI
链式操作
回调函数
迭代器
延迟对象
队列
......
，由于减少了一些代码，使得该版本比 jQuery 1.x 更小且更快。
* 1.分清楚哪些是jQuery对象，哪些是DOM对象
* 2.两者间的相互转换
* 3.通过jQuery方法包装后的对象，是jQuery对象，它是一个新的对象
* 4.jQuery与DOM对象完全不是同一个东西，但是又很相似，因为他们都能处理DOM
* 5.通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，
* 而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容问题，
* 我们可以通过jQuery更友好的API进行开发，同时代码也会更加精短
（[红字]jQuery是一个类数组对象，DOM对象就是一个单独的DOM元素，多个的DOM元素是不能
进行直接使用DOM的属性和方法操作的，否则会报错不能执行，要操作只能取得单一的一个DOM
元素对象进行操作。）
(***************************************)
$(DOM)
通过$(dom)方法将普通的dom对象加工成jQuery对象之后，我们就可以调用jQuery的方法了
相关文章
精彩导读
热门资讯
关注我们
