Jquery入门和基础核心

http://www.2cto.com/kf/201407/320361.html

http://www.ycku.com/course/

一．什么是 jQuery

jQuery是一个JavaScript库，它通过封装原生的JavaScript函数得到一整套定义好的方法。它的作者是John Resig，于2006年创建的一个开源项目，随着越来越多开发者的加入，jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。它可以用最少的代码，完成更多复杂而困难的功能，从而得到了开发者的青睐。

二．学习jQuery的条件

jQuery是JavaScript库，所以jQuery在使用上要比原生的JavaScript要简单，但是对于网页编程来说，有些通用的基础知识是必备的：

1.XHTML或HTML5（含CSS，网页必备的基础技术，XHTML已完结90课）；
2.JavaScript（虽然jQuery使用比JavaScript简单，但各种语法来自JavaScript，只要掌握已出课程的第一季149课即可，并不需要完全精通，只要理解语法和项目中简单的用
3.服务器语言如：PHP（jQuery属于前端技术，那和后端技术是相辅相成、互相呼应的，而PHP课程目前出到第四季，而jQuery只需要PHP第一季136课的基础即可

三.Jquery的功能和优势

jQuery 作为 JavaScript 封装的库，他的目的就是为了简化开发者使用 JavaScript。主要功能有以下几点：

1.像 CSS 那样访问和操作 DOM
2.修改 CSS 控制页面外观
3.简化 JavaScript 代码操作
4.事件处理更加容易
5.各种动画效果使用方便
6.让 Ajax 技术更加完美
7.基于 jQuery 大量插件
8.自行扩展功能插件
jQuery 最大的优势，就是特别的方便。比如模仿 CSS 获取 DOM，比原生的 JavaScript要方便太多。并且在多个 CSS 设置上的集中处理非常舒服，而最常用的 CSS 功能又封装到单独的方法，感觉非常有心。最重要的是 jQuery 的代码兼容性非常好，你不需要总是头疼着考虑不同浏览器的兼容问题。

四.下面是今天自己的学习心得给大家分享

首先我们知道jquery是javascript的一个强大的库，想用使用我们就必须先将他引入到js文件中下面是步骤：

1.首先我们下载一个jquery.js文件从官网下载，然后如图所示：然后打开index.jsp文件

2.在jsp页面的head区域写上如下的代码：

?

1

<script type="text/javascript"src="${pageContext.request.contextPath}/js/jquery.js"> </script>

3. 至此jquery库引入完毕，下面我们写个程序测试下代码如下在body区写个div 他有一个id属性值是维维代码如下：

?

1

2

<div id="box">维维</div>

    

4.然后在head区域写jquery代码具体如下：

?

1

2

3

4

5

<script type="text/javascript">

      $(function(){

        $("#box").css('color','red');

      });

     </script>

代码的意思是：选择给id为box的标签添加一个css样式，将字条的颜色变为红色，#代表的是id选择器（下面几章将介绍）

注意：博主在此过程中遇到了很多的细节问题，分享给大家希望大家也注意，jquery代码一定要写在 </script>之中，千万别写在导入jquery库的那一行代码之中，不然没效果，然后还有就是src=“”这个路径的写法，建议大家都写成$(pageContext.request.contextPath)采用绝对路径不会出错！

5.下面是第一个jquery程序的效果

今天的笔记到此结束，希望大家都能学好jquery！