关于jQuery的学习记录：
一、JQuery简介
如果现在要想实现页面的动态操作，那么自然可以想象到要使用“JavaScript+DOM”操作技术实现，但是问题是JavaScript+DOM开发的模式，并不适合于所有开发者，也就是说如果现在是一个非专业的技术人员，例如：网页美工，对于现在的开发要求来讲，一个优秀的美工人员除了要求会使用HTML+DIV+CSS等基本操作之外，必须要能够掌握复杂的DOM操作，并且就算是会使用DOM操作的开发人员也会觉得异常的麻烦，例如如果要创建一个元素：document.createElement()，随后还需要再使用appendChild()将次元素追加到指定的元素之中，而后才可以显示，并且如果少设计了一些属性，那么元素的显示也不是我们所需要的那样
所以后为了简化JavaScript+DOM操作的那么毒，后来推出了一个prototype开发框架，那么随后在这个框架基础上又推出了一个新的框架-----jQuery开发框架爱，其支持度更加广泛，所以在任何的开发之中几乎都存在有jQuery的开发身影，如果不会jQuery甚至可以说很难找到一份满意工作
首先jQuery属于第三方的开发框架(*.js文件)，那么登录“www.jquery.com”上下载jQuery的最新版本，但是在下载的时候非常有意思的是：jQuery提供了两类版本：
**jQuery 1.x：所有浏览器都支持
**jQuery 2.x：除了IE之外都支持
为了考虑到兼容性问题，还是强烈建议使用jQuery 1.x开发框架，这样支持的浏览器会更加方便一些，而且在以后的Bootstrap开发框架也是用了jQuery技术
如果要下载jQuery实际上提供有两种类型的版本：
**压缩版本：删除掉所有的注释以及所有的空格信息(.min)
**未压缩版本：主要是给用户学习使用的，所有的注释以及空格都会保留
jQuery的使用
1、在项目的目录之中创建一个js的文件目录
2、随后将jQuery的开发包拷贝到此目录之中
3、在需要使用jQuery的页面位置上使用“<script>”元素进行导入
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
范例：编些第一个jQuery程序
<html>
<head>
<title>JQuery开发详解</title>
<meta charset="UTF-8">
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
function show(){
alert($(msg).val());
}
</script>
</head>
<body>
<input type="text" name="msg" id="msg">
<input type="button" value="显示信息" onclick="show()">
</body>
</html>
本程序中使用的“$(msg).val()”操作实际上代替了“document.getElementById("msg").value”，现在可以清楚的感受到，jQue就是在简化程序开发的DOM操作
jQuery中最为常用的操作语法形式就是“$(元素ID)”，而val()是一个操作函数，用于取得各个表单组件的输入内容
在之前曾经使用过innerHTML操作设置过“<span>”或“<div>”元素的内容，那么这一操作的现在也可以简化
范例：设置元素中的显示内容
<html>
<head>
<title>JQuery开发详解</title>
<meta charset="UTF-8">
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
function setContent(){
$(msg).text("www.ccc.cn");
}
</script>
</head>
<body>
<span id="msg"></span>
<input type="button" value="显示信息" onclick="setContent()">
</body>
</html>
使用text()这个函数可以设置指定ID元素的显示文本内容，但是需要注意的是，text()函数只能够设置普通文本，而不能够设置HTML文本数据
$(msg).text("<h1>www.ccc.cn</h1>");
此时如果使用了text()函数设置了包含有HTML代码的内容，则所有的HTML代码中的标记都会自动使用转义字符进行替代，但是所需要的是HTML效果，那么可以使用html()函数完成操作
范例：设置HTML的显示风格
<html>
<head>
<title>JQuery开发详解</title>
<meta charset="UTF-8">
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
function setContent(){
$(msg).html("<h1>www.ccc.cn</h1>");
}
</script>
</head>
<body>
<span id="msg"></span>
<input type="button" value="显示信息" onclick="setContent()">
</body>
</html>
text()只能设置普通文本数据，如果有HTML元素那么将无法按照HTML的效果显示，而html()函数可以设置HTML风格的显示样式
在使用JavaScript操作HTML的时候曾经强调过可以使用onload实现页面加载后的处理操作，而后如果使用的JavaScript采用：window.onload=function(){}完成，但是这样的操作在jQuery里面也有支持
**第一种：使用标准的jQuery操作
完整操作：
<script type="text/javascript">
//DOM操作在jQuery中依然可以使用
$(document).ready(function(){
alert("www.ccc.cn");
});
</script>
简化操作：
<script type="text/javascript">
//DOM操作在jQuery中依然可以使用
$(function(){
alert("www.ccc.cn");
});
</script>
**第二种：使用文本的替代标记 jQuery代替$
完整操作：
<script type="text/javascript">
jQuery(document).ready(function(){
alert("www.ccc.cn");
});
</script>
简化操作：
<script type="text/javascript">
jQuery(function(){
alert("www.ccc.cn");
});
</script>
以上的几种形式实际上都可能经常见到，个人开发建议，使用“$”
总结：
1.jQuery主要目的是封装了复杂的DOM操作，使开发者使用起来感觉简单
2.“$(ID)”是jQuery中选择器的主要操作形式
3.text()与html()函数虽然可以设置内容，但是严格来讲，这两个函数实际上依然属于DOM操作范畴