【jQuery】第三课——初步认识jQuery，掌握jQuery基本语法

2019-09-03 16:05:51 阅读：313 来源： 互联网

知识点：熟练搭建jQuery开发环境、掌握jQuery语法、掌握DOM模型、会进行jQuery对象与DOM对象的相互转换，会使用ready()方法加载页面，会使用addClass()方法为元素添加CSS样式、会使用css()方法为元素添加CSS样式、会使用next()方法获取元素。

1、 jQuery 简介

jQuery 是一个 JavaScript 库，把我们常用的一些功能进行了封装，方便我们来调用，提高我们的开发效率，极大地简化了 JavaScript 编程。jQuery 很容易学习。

1.1 jQuery和Javascipt的区别：

Javascript是一门编程语言，我们用它来编写客户端浏览器脚本。
jQuery是javascript的一个库，包含多个可重用的函数，用来辅助我们简化javascript开发。
jQuery能做的javascipt都能做到，而javascript能做的事情，jQuery不一定能做到。

1.2 jQuery的用途：

jQuery 是 JavaScript 的程序库之一，因此，许多使用 JavaScript 能实现的交互特效，使用 jQuery 都能完美地实现，下面就从以下 5 个方面来简单介绍一下 jQuery 的应用场合。

1) 访问和操作 DOM 元素。使用 jQuery 可以很方便地获取和修改页面中的指定元素，无论是删除、移动还是复制某元素，jQuery 都提供了一整套方便、快捷的方法，既减少了代码的编写，又大大提高了用户对页面的体验度，如添加、删除商品、留言、个人信息等。比如，空间中删除说说信息，该功能就用到了 jQuery。

2) 控制页面样式。通过引入 jQuery,程序开发人员可以很便捷地控制页面的 CSS 文件。浏览器对页面文件的兼容性，一直以来都是页面开发者最为头痛的事情，而使用 jQuery 操作页面的样式可以很好地兼容各种浏览器。最典型的有微博、博客、邮箱等的换肤功能。比如， QQ 邮箱的换肤功能也是基于 jQuery 实现的。

3) 对页面事件的处理。引入 jQuery 后，可以使页面的表现层与功能开发分离，开发者更多地专注于程序的逻辑与功效；页面设计者侧重于页面的优化与用户体验。通过事件绑定机制，可以很轻松地实现两者的结合。比如，“去哪儿”网的搜索模块的交互效果，就应用了 jQuery 对鼠标事件的处理。

4) 方便地使用 jQuery 插件。引入 jQuery 后，可以使用大量的 jQuery 插件来完善页面的功能和效果。如 jQuery UI 插件库、Form 插件、Validate 插件等，这些插件的使用极大地丰富了页面的展示效果，使原来使用 JavaScript 代码实现起来非常困难的功能通过 jQuery 插件可轻松地实现。比如，很多网页的幻灯片切换就是由 jQuery 的 imageflow 相册幻灯片插件实现的。

5) 与 Ajax 技术的完美结合。利用 Ajax 异步读取服务器数据的方法，极大地方便了程序的开发，增强了页面交互，提升了用户体验；而引入 jQuery 后，不仅完善了原有的功能，还减少了代码的书写，通过其内部对象或函数，加上几行代码就可以实现复杂的功能。比如，淘宝网注册表单校验就用到了 jQuery。

1.2 jQuery的优势：

jQuery 的主旨是 write less,do more(以更少的代码，实现更多的功能)。jQuery 独特的选择器、链式操作、事件处理机制和封装，以及完善的 Ajax 都是其他 JavaScript 库望尘莫及的。总体来说，jQuery 主要有以下优势。

(1) 轻量级。jQuery 的体积较小，压缩之后，大约只有 100KB。

(2) 强大的选择器。jQuery 支持几乎所有的 CSS 选择器，以及 jQuery 自定义的特有选择器。由于 jQuery 具有支持选择器这一特性，使得具备一定 CSS 经验的开发人员学习 jQuery更加容易。

(3) 出色的 DOM 封装。jQuery 封装了大量常用的 DOM 操作，使开发者在编写 DOM 操作相关程序的时候能够更加得心应手。jQuery 能够轻松地完成各种使用 JavaScript 编写时非常复杂的操作，即使 JavaScript 新手也能编写出出色的程序。

(4) 可靠的事件处理机制。jQuery 的事件处理机制吸收了 JavaScript 中的事件处理函数的精华,使得 jQuery 在处理事件绑定时非常可靠。

(5) 出色的浏览器兼容性。作为一个流行的 JavaScript 库，解决浏览器之间的兼容性是必备的条件之一。jQuery能够同时兼容IE6.0+、Firefox3.6+、Safari5.0+、Opera和Chrome等多种浏览器，使显示效果在各浏览器之间没有差异。

(6) 隐式迭代。当使用 jQuery 查找到相同名称（类名、标签名等）的元素后隐藏它们时，无须循环遍历每一个返回的元素，它会自动操作所匹配的对象集合，而不是单独的对象，这一举措使得大量的循环结构变得不再必要，从而大幅地减少了代码量。

(7) 丰富的插件支持。jQuery 的易扩展性，吸引了来自全球的开发者来编写 jQuery 的扩展插件。目前已经有成百上千的官方插件支持，而且不断有新插件面世。

2、 jQuery 的配置与使用

严格来说， jQuery是不需要安装的，它只是一个JavaScript代码库，只需从官网下载，然后在我们写网页的时候正确引用就可以了。

第一步：从官方网站https://jquery.com/download/ 下载 jQuery 库

有两个版本的 jQuery 可供下载：

Production version - 用于实际的网站中，已被精简和压缩。下载后文件名有min，他会将空格还行等取消节省空间，一般使用都用它。
Development version - 用于测试和开发（未压缩，是可读的代码），下载后文件名没有min，他会保留原有的排版，空间使用的多，如果你要对jquery进行修改的话用它。

第二步：在页面中引入jQuery

jQuery 不需要安装，把下载的 jquery.js 放到网站根目录文件里的一个公共位置，想要在某个页面上使用 jQuery 时，只需要在相关的 HTML 文档中引入该库文件的位置即可。

    <head>
        <script type="text/javascript" src="jquery.min.js"></script>
    </head>

注意：<script> 标签应该位于页面的 <head> 部分。

第三步：怎么测试jQuery是否安装成功

新建一个html文件，将以下代码复制进去，注意修改第六行代码：<script src="js/jquery-3.4.1.js"></script>

这里的src属性，对应的是引用jQuery文件路径。（可以结合着引用外部CSS文件来理解对jQuery文件的引用）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>在页面中引入jQuery</title>
		<script src="js/jquery-3.4.1.min.js"></script>
		<script>
			$(document).ready(function(){
			  $("p").click(function(){
			    $(this).hide();
			  });
			});
		</script>
	</head>
		<body>
			<p>如果您点击我，我会消失。</p>
			<p>点击我，我会消失。</p>
			<p>也要点击我哦。</p>
		</body>
</html>

验证结果演示：

说明：如果出现图片所示效果，即说明正确的引用了jQuery。

3、掌握jQuery基本语法

3.1 我的第一个jquery程序

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>我的第一个jQuery程序</title>
		<script src="js/jquery-3.4.1.min.js"></script>
		<script>
			$(document).ready(
				function(){
					alert("hello，这是我的第一个jQuery程序");
				}
			);
		</script>
	</head>
		<body>
		</body>
</html>

这段代码中$(document).ready()方法类似于传统 JavaScript 中的window.onload()方法，它是 jQuery 中页面载入事件的方法。$(document).ready()与在 JavaScript中的 window.onload() 非常相似，它们都意味着在页面加载完成时，执行事件，即弹出如上图所示的提示对话框。

$(document).ready() 和 window.onload() 的区别

区别	window.onload	$(document).ready()
执行时机	必须等待网页中所有的内容加载完毕后（包括图片、flash、视频等）才能执行	网页中所有DOM文档结构绘制完毕后即刻执行，可能与DOM元素关联的内容（图片、flash、视频等）并没有加载完
编写个数	同一页面不能同时编写多个 window.οnlοad=function(){ alert("小明是个好孩子！"); }; window.οnlοad=function(){ alert("小明是个好孩子！"); }; 结果只会输出一次“小明是个好孩子！”	同一页面能同时编写多个 $(document).ready(function(){ alert("小明是个好孩子！"); })； $(document).ready(function(){ alert("小明是个好孩子！"); })；结果是输出两次“小明是个好孩子！”
简化写法	无	$(function(){ //执行代码 }) ;

在实际开发中，通常需要在页面加载后立即使用 JavaScript 执行一些初始化工作，这通常涉及 DOM 元素的访问和操作，因此必须确保这些 DOM 元素已经加载完成，否则将得不到这些 DOM 对象。一般的做法是在$(document).ready()方法中执行这些工作。在后续的很多示例中，我们将看到大量$(document).ready()的使用。

案例练习：reday和onload事件的区别

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>reday和onload事件的区别</title>
		<script src="js/jquery-3.4.1.min.js"></script><!--引用jQuery-->
		<script>
			$(document).ready(function(){
				alert("ready ok");
			});	
			window.onload = function(){
				alert("onload ok");
			}
		</script>
	</head>
		<body>
			<h1>reday和onload事件的区别</h1>
			<img src="http://www.google.com/1.jpg" />				
			<!--这里的图片，故意引用了一个不存在的地址，验证onload事件必须等网页中所有内容加载完毕后（包括图片、视频、flash等）才能执行	-->	
		</body>
</html>

3.2 jquery语法结构

jQuery 语句主要包含三大部分：$()、document 和 ready()。这三大部分在 jQuery 中分别被称为工厂函数、选择器和方法，将其语法化后，结构如下：$(selector).action();

3.2.1. 工厂函数$()：定义 jQuery

在 jQuery 中，“＄”美元符号等价于 jQuery，即$()=jQuery()。$()的作用是将 DOM 对象转化为 jQuery 对象，只有将 DOM 对象转化为 jQuery 对象后，才能使用 jQuery 的方法。如示例 1 中的 document 是一个 DOM 对象，当它使用$()函数包裹起来时，就变成了一个 jQuery对象，它能使用 jQuery 中的 ready()方法，而不能再使用 D0M 对象的 getElementById()方法。例如，代码$(document).getElementById()和 document.ready()均是不正确的。

注意： 当$()的参数是 DOM 对象时，该对象不需使用双引号包裏起来，如果获取的是 document 对象，则写作$(document)。

3.2.2. 选择器 selector ：“查询”和“查找” HTML 元素

jQuery 支持 CSS1.0 到 CSS3.0 规则中几乎所有的选择器，如标签选择器、类选择器、ID 选择器和后代选择器等，使用 jQuery 选择器和$()工厂函数可以非常方便地获取需要操作的 D0M 元素，语法格式：$(selector)

ID 选择器、标签选择器、类选择器的用法如下所示：

$("#userName") //ID选择器的获取：获取 DOM 中 id 为 userName 的元素
$("div") //标签选择器的获取：获取 DOM 中所有的 div 元素
$(".textbox")//类选择器的获取：获取 DOM 中所有的 div 元素

jQueiy 中提供的选择器远不止上述几种，在下一章中将进行更加系统的介绍。

3.2.3. 方法 action()：执行对元素的操作

jQuery 中提供了一系列方法。在这些方法中，一类重要的方法就是事件处理方法，主要用来绑定 DOM 元素的事件和事件处理方法。在 jQuery 中，许多基础的事件，如鼠标事件、键盘事件和表单事件等，都可以通过这些事件方法进行绑定，对应的在 jQuery 中则写作cick()、mouseover()和 mouseout()等等。

3.2.4 案例练习：制作导航点击效果（点击导航后，li标签增加背景颜色样式）

实现思路：

案例代码：（点击导航后，给导航栏新增加一个样式）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>jQuery案例-实现导航点击添加样式-王迪</title>
		<style type="text/css">
			li{list-style: none; line-height: 22px; cursor: pointer;} /*这里是设置li标签的初始样式*/
			.ba{background: #6cf; } /*提前写一个样式,等用户点击时,增加到li标签上.*/
		</style>
		<script src="js/jquery-3.4.1.min.js"></script><!--引用jQuery-->
		<script>
			$(document).ready(function(){
				$("li").click(function(){
					$("#current").addClass("ba");
				});
			});	
		</script>
	</head>
		<body>
			<ul>
				<li id="current">jQuery简介</li><!--给标签一个id选择器，以便找到它-->
				<li>jQuery语法</li>
				<li>jQuery选择器</li>
				<li>jQuery事件与动画</li>
				<li>jQuery方法</li>
			</ul>
		</body>
</html>

注意：示例中出现的 addClass()方法是 jQuery 中用于进行 CSS 操作的方法之一，它的作用是向被选元素添加一个或多个类样式，它的语法格式：jQuery 对象.addClass([样式名]);

其中，样式名可以是一个，也可以是多个，多个样式名需要用空格隔开。需要注意的是，与使用选择器获取 DOM 元素不同，获取 id 为 current 的元素时，“current” 前需要加 id 的符号“#”，而使用 addClass()方法添加 class 为 current 的类样式时，该类名前不带有类符号“.”。

3.3 jquery程序的代码风格

代码风格即程序开发人员所编写源代码的书写风格，良好的代码风格使代码具有可读性。如果统一 jQuery 代码的编写风格，则对日后代码的维护非常有利。

3.3.1. “$”的使用

在 jQuery 程序中，使用最多的是美元符“$”，无论是页面元素的选择器、功能函数的前缀，都必须使用该符号，它是 jQuery 程序的标志，即$等同于 jQuery，也就是说：

$(document).ready() = jQuery(document).ready();

$(function(){...}) = jQuery(function(){…});

3.3.2. 操作连缀书写

在对 DOM 元素进行多个操作时，为了避免过度使用临时变量或不必要的重复代码，在大多数 jQuery 代码中采用了一种称为连缀的编程模式。它可以对一个对象进行多重操作，并将操作结果返回给该对象，以便于将返回结果应用于该对象的下一次操作。

定义：对一个方法返回的结果调用另一个方法。
原理：几乎所有的jQuery方法都会返回一个jQuery对象，因此可以连缀多个jQuery方法。
优点：1、有助于保持代码的简洁。 2、对于同一个元素，链接多个方法，浏览器无需多次直接查找html元素，有助于提升脚本性能。

3.3.3 案例练习：使用jQuery采用连缀写法实现的问答特效

实现思路：问答效果，当用户点击问题标题时，给标题增加一个css样式，并输出答案。

问答效果制作代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>jQuery连缀书写案例-问答效果制作</title>
		<script src="js/jquery-3.4.1.min.js"></script><!--引用jQuery-->
		<script>
			$(document).ready(function(){
				$("h2").click(function(){
					$("h2").css("background-color","#66CCFF").next().css("display","block");
				})
			})
		</script>
		<style type="text/css">
			h2 { padding: 5px;}
			p { display: none;}/*设置答案隐藏*/
		</style>
	</head>
		<body>
			<h2>什么是受益人？</h2>
			<p><strong>解答：</strong>受益人是指人身保险中由被保险人或者投保人指定的享有保险金请求权的人，投保人、被保险人可以为受益人。</p>
		</body>
</html>

代码分析：<p>标签默认样式是隐藏，当用户点击<h2>标签时，触发事件，给<h2>标签添加一个背景颜色，同时给<h2>标签后面的同辈元素<p>标签，设置显示样式。

（1）css()方法

作用：为匹配的元素添加CSS样式。

语法：css("属性","属性值");

举例：为页面中的<P> 元素设置文本颜色为蓝色，可以写作：$("P").css("color" , "blue"); 。

（2）css()方法和 addcss()方法的区别：

css()方法为所匹配的元素设置给定的 CSS 样式。
addClass()方法向所匹配的元素添加一个或多个类，该方法不会移除已经存在的类，仅在原有基础上追加新的类样式。
基于结构与样式分离的原则，通常在实际应用中，为某元素添加样式，使用addClass()方法比 css()方法的频率高很多，因此建议使用 addClass()方法为元素添加样式。

（3）next()方法

作用：获得所匹配元素集合中每个元素其后紧邻的同辈元素。

3.3.4. 案例练习：使用jQuery采用连缀写法实现的点击特效

实现思路：点击效果，当用户点击div时，添加背景颜色，同时填充内容。

关键代码：

		<script>
			$(document).ready(function(){
				$("#box").click(function(){
					$("#box").css("background-color","aqua").html("test");
				})
			})
		</script>

注意：$("#id").html("插入"); 等同于 document.getElementById("id").innerHTML="插入";

4、 DOM 对象和 jQuery 对象

只有弄清了什么是 DOM 模型，才能更好地理解 DOM 对象，只有理解了 DOM 对象，才能更好地理解 DOM 对象与 jQuery 对象的区别与联系。

4.1 DOM 模型

在本课程的第二课：JavaScript对象的使用，掌握BOM和DOM对象的使用中已经学习了一些常用的 DOM 对象及其常用方法，而没有对 DOM 模型进行系统地学习，在这一节中，将详细地为大家讲解 DOM 模型，以便为学习后续知识打下扎实的基础。

DOM 是“Document Object Model(文档对象模型)”的英文单词首字母的缩写。如果没有 document，DOM 就无从谈起，因此只有类似(X)HTML、XML 等属于文档类型的语言，才具有DOM。当使用浏览器打开一个网页时，与该网页对应的 DOM 就会在幕后悄然而生。例如，当我们打开网页时，便会同时在浏览器后台生成右边所示的 DOM，这个 DOM 实际上就是开发人员写的(X)HTML 代码。

每一个(X)HTML 页面，都具有一个 DOM，每一个 DOM 都可以表示成一棵树，这是理解 DOM模型的关键。

一张图，理解DOM模型

4.2 DOM节点

节点（node）代表网络的连接点，网络就是节点构成的集合。DOM情况也很类似，文档可以说是节点构成的集合。<html>标记位于文档最顶端，他没有父元素，成为DOM的根节点。再往下有<head>和<body>两个分支，他们同在一层互不包括，属于兄弟关系，有着共同的父元素。

在 DOM 里存在许多不同类型的节点，有些 DOM 节点还包含其他类型的节点。DOM 里的节点通常分为 3 种类型，即元素节点、文本节点和属性节点。

示例代码：借助代码来理解DOM模型

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>DOM模型的理解</title>
	</head>
		<body>
			<h1>DOM模型的理解</h1>
			<p title="文章标题">你了解狗狗吗？</p>
			<ul>
				<li>狗是由早期人类从灰狼驯化而来</li>
				<li>被称为"人类最忠实的朋友"</li>
				<li>它即使睡觉也保持着高度的警觉性</li>
			</ul>
			<img src="images/dog.jpg" alt="狗狗" />
		</body>
</html>

（1）元素节点

可以说，整个DOM模型都是由元素节点(element node)组成，比如文本段落元素“<p>”，无序清单的名称“<ul>”，元素节点可以包含其他元素，比如在 DOM 树中， <html>元素是根元素，其他元素都是其子元素。

（2）文本节点

网页内容决定了一切。如果页面对应的 HTML DOM 仅仅包括<head>、<body>、<div>、<ul>、<li>等元素节点，那么这个网页是没有任何意义的，因为它没有内容、没有信息。在 HTML DOM 中，内容是由文本节点提供的，文本节点就是 HTML 中的文字内容，比如<p>你了解狗狗吗？</p>，在这一段代码中，<p>标签里包含的文字内容“你了解狗狗吗？”，就是文本节点。在 HTML DOM 文档中，文本节点总包含在元素节点内部，但并非所有元素节点都包含文本节点，例如，列表中的<ul>元素的内部就不包含文本内容，包含文本内容的是它的子节点<li>元素。

（3）属性节点

属性节点的作用是对元素做出更具体的描述。在示例代码中，<p>元素的title属性和<img> 元素的 src 和 alt 属性就是属性节点，开发人员可以利用属性节点对包含在元素里的内容做出准确的描述。比如，示例代码中<p>元素的 DOM 模型，它包含两个子节点：椭圆形代表属性节点，矩形代表文本节点。

属性节点都是元素节点的子节点，相应的，属性总被放在元素节点的起始标签内。不是所有元素节点都必须包含属性节点，如元素节点<h1>中就没有包含属性节点，仅包含了文本节点“DOM 模型的理解'。

4.3 DOM对象

在 JavaScript 中，可以使用 getElementsByTagName()或者 getElementById()来获取元素节点，通过该方式得到的 DOM 元素就是 DOM 对象，DOM 对象可以使用 JavaScript 中的方法.

var objDOM = document.getElementByld("id”); //获得 DOM 对象
var objHTML = objDOM.innerHTML;  //使用 JavaScript 中的 innerHTML 属性

4.4 jQuery对象

jQuery 对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，它可以使用jQuery里的方法。例如：

$("#title").html();//获取 id 为 title 的元素内的 html 代码

document.getElementByld("title").innerHTML;//两段代码，效果等同

在 jQuery 对象中无法直接使用 DOM 对象的任何方法。例如，$(“#id").innerHTML 和 $(“#id”).checked 之类的写法都是错误的，可以使用 $(”#id”).html() 和 $(“#id”).attr(“CheCked”)之类的 jQuery 方法来代替。同样，DOM 对象也不能使用 jQuery 里的方法。例如 document.getElementById(“id”).html()也会报错，只能使用 document.getElementById(“id”).innerHTML 语句。

4.4 jQuery对象与DOM对象的相互转换

在实际使用 jQuery 的开发过程中，jQuery 对象和 DOM 对象互相转换是非常常见的。 jQuery 对象转换为 DOM 对象的原因主要是，DOM 对象包含了一些 jQuery 对象没有包含的成员，要使用这些成员，就必须进行转换；但总体来说，jQuery 对象的成员要丰富得多，因此通常会把 DOM 对象转换成 jQuery 对象。在讨论 jQuery 对象和 DOM 对象的相互转换之前，先约定定义变量的风格。

如果获取的对象是 jQuery 对象，那么在变量前面加上$，例如：var $variable=jQuery 对象；
如果获取的对象是 DOM 对象，则定义如下：var variable=DOM 对象；

4.4.1 将DOM对象转换为jQuery对象

对于一个 DOM 对象，只需要用$()函数将 DOM 对象包装起来，就可以获得一个 jQuery 对象。其方式为$(D0M 对象)。

var txtName = document.getElementByld(“txtName")；//DOM 对象
var $txtName = $(txtName);//jQuery 对象

转换后，可以任意使用 jQuery 中的方法。在实际开发中，将 D0M 对象转换为 jQuery 对象，多见于 jQuery 事件方法的调用中，在后续内容中将会接触到更多的 DOM 对象转换为 jQuery 对象的应用场景。

4.4.1 将jQuery对象转换为 DOM对象

jQuery 提供了两种方法将一个 jQuery 对象转换成一个 DOM 对象，即[index]和 get(index)。

(1) jQuery 对象是一个类似数组的对象，可以通过[index]的方法得到相应的 DOM 对象。代码如下。

var $txtName = $("#txtName");//jQuery 对象
var txtName = $txtName[0];//DOM 对象
alert(txtName.checked);//检测这个 checkbox 是否被选中了

(2) 通过 get(index)方法得到相应的 DOM 对象。代码如下。

var $txtName = $("#txtName");//jQuery 对象
var txtName = $txtName.get(0);//DOM 对象
alert(txtName.checked);//检测这个 checkbox 是否被选中了

jQuery 对象转换成 DOM 对象在实际开发中并不多见，除非希望使用 DOM 对象特有的成员，如 outerHTML 属性，通过该属性可以输出相应的 DOM 元素的完整的 HTML 代码，而 jQuery并没有直接提供该功能。

最后，再次强调：DOM 对象只能使用 D0M 中的方法，jQuery 对象不可以直接使用 DOM 中的方法，但 jQuery 对象提供了一套更加完善的对象成员用于操作 DOM，关于 jQuery 的 DOM操作将在后续章节中讲解。

=============这里是结束分割线======================

标签：jQuery,DOM,对象,元素,语法,第三课,document,节点
来源： https://blog.csdn.net/dnruanjian/article/details/95446524

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9