标签：
JQuery学习笔记
Chapter one初识jQuery
1.2测试jQuery
在jQuery库中，$是jQuery的别名，如：$()相当于jQuery（）
注意：在使用JQuery进行开发的时候如果在做所有事情之前，希望jQuery操作DOM文档，就必须保证在DOM载入完毕后开始执行，应该使用ready事件作为处理HTML文档的开始。
1.4JQuery的核心功能
1.对外接口单一让使用更简单
2.链式语法让编码更加的快速和优雅
3.模仿CSS选择器让选取元素更加的精确的灵活
4.拓展接口让JQuery更开放，富有活力
1.5容易混淆的几个概念
ＤＯＭ对象是文档对象模型
ＪＱｕｅｒｙ对象实际上是普通的ＪａｖａＳｃｒｉｐｔ对象，他其中包含了ＤＯＭ对象的集合。
ＪＱｕｅｒｙ对象不能调用ＤＯＭ对象的方法，ＤＯＭ也不能调用ＪＱｕｅｒｙ对象的方法和属性，如果非要使用的话，可以把JQuery对象转换为DOM对象
，方法有两种：一种是借助数组下标来读取JQuery对象集合中的某个ＤＯＭ对象；例如：
<!DOCTYPE html>
<!--我们可以把JQuery对象转化为DOM对象，看function函数-->
<html>
<head lang="en">
<meta charset="UTF-8">
<script src="../jquery/jquery-1.11.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var $li=$("li");
var li=$li[0];
alert(li.innerHTML);
})
</script>
<title>learn</title>
</head>
<body>
<ul>
<li>what are you</li>
<li>ia an mdai</li>
</ul>
</body>
</html>
第二种是借助ＪＱｕｅｒｙ对象方法，例如：
<!DOCTYPE html>
<!--我们可以把JQuery对象转化为DOM对象，看function函数,这是利用get()函数实现的-->
<html>
<head lang="en">
<meta charset="UTF-8">
<script src="../jquery/jquery-1.11.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var $li=$("li");
var li=$li.get(0);
alert(li.innerHTML);
})
</script>
<title>learn</title>
</head>
<body>
<ul>
<li>what are you</li>
<li>ia an mdai</li>
</ul>
</body>
</html>
同样我们也可以把ＤＯＭ对象转化为ＪＱｕｅｒｙ对象，这比较简单只要把它作为参数传给＄（）就可以了
<!DOCTYPE html>
<!--我们可以把JQuery对象转化为DOM对象，看function函数,这是利用get()函数实现的-->
<html>
<head lang="en">
<meta charset="UTF-8">
<script src="../jquery/jquery-1.11.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var li=document.getElementsByTagName("li");
var $li=$(li［０］);
alert($li.html());
})
</script>
<title>learn</title>
</head>
<body>
<ul>
<li>what are you</li>
<li>ia an mdai</li>
</ul>
</body>
</html>
因此ＪＱｕｅｒｙ对象和ＤＯＭ对象是可以相互转换的，因为他们的操作的对象都是ＤＯＭ对象。ＪＱｕｅｒｙ对象是由很多个ＤＯＭ对象组成的，简单的来说ＪＱｕｅｒｙ对象就是ＤＯＭ对象组成的数组，而ＤＯＭ对象只是一个单个的DOM元素
另外针对ｌｏａｄ和ｒｅａｄｙ，要知道的是ｌｏａｄ只能够被编写一次，但是ｒｅａｄｙ可以多次编写，也就是说＄（）可以出现多次
Ｃｈａｐｔｅｒｔｗｏ使用选择器
２.１基本选择器
＃ＩＤ，他的返回值是单个元素
Ｅｌｅｍｅｎｔ，他的返回值是同类型集合元素
，ｃｌａｓｓ，他的返回值是类
＊，他的返回值是所有的元素
ＳｅｌｅｃｔｏｒＮ，分别选择选择器组中每个选择器匹配的元素，然后合并返回所有的元素，相当于或
ID选择器的用法：
语法结构：
$(“#id”)或者JQuery（“#ID”）
这种ID选择器在JavaScript里面的用法是
Document.getelementbyid(“id”)
注意：如果ID选择器中含有特殊的字符那么要用双斜杠对特殊字符进行转义
比如一个ID地址是 [dix] 那么他的JQuery就应该写成以下的形式
$(“#\\[dix\\]”) 前面一个\\是用来把 [ 进行转义的,后面一个\\是用来把 ] 进行转义的
标签选择器的用法：
语法结构 ：
$（“标签名字”)
这种标签选择器在JavaScript里面的用法是：
document.getelementbytagname(“tagname”)
如果要用JavaScript写的话那么要记住他的前面不是$(),而是window.onload,如下例子的表示形式：
<script type="text/javascript">
window.onload=function() {
document.getElementById("name1").style.color="red";
}
</script>
标签：
原文地址：http://www.cnblogs.com/whatyouknow123/p/4818016.html
