Jquery的学习（一）入门和基础核心_H5之家 - 中国HTML5教程资源分享第一站

> web前端 > JavaScript > 正文 Jquery的学习（一）入门和基础核心 2014-07-25 来源：CSU GreatJiang 我要投稿

1.最近在网上找了找关于Jquery的视频，找到了一个资源特别好，现在分享给大家希望和大家共同学习！

一．什么是 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区域写上如下的代码：

维维 4.然后在head区域写jquery代码具体如下：<script type="text/javascript"> $(function(){ $("#box").css('color','red'); }); </script> 代码的意思是：选择给id为box的标签添加一个css样式，将字条的颜色变为红色，#代表的是id选择器（下面几章将介绍）

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

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

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

点击复制链接与好友分享!回本站首页上一篇：Jquery的学习（二）基础核心下一篇：js保留两位小数的解决办法相关文章

jQuery源码分析-03构造jQuery对象-源码

面向对象Javascript核心支持代码

struts.xml当然是整个struts 2 框架

史上最全jquery核心库及各版本差异

Ajax核心——XMLHttpRequest基础

JSTL核心标签库之简单介绍

系统学习jQuery.核心知识.FAQ.jQuery对

系统学习jQuery.核心知识.局部.jQuery

图文推荐

文章推荐

· 超链接中的javascript：void(0)问题 · 走进AngularJs(八) ng的路由机制 · Jquery DataTables学习笔记（一） · js 返回上一页和刷新 · Jquery的学习（一）入门和基础核心 · Jquery的学习（二）基础核心 · 点滴的积累---初学Javascript · 利用jQuery Ajax技术实现每隔5秒向某 · win7激活工具 · win10激活工具 · win7激活工具旗舰版 · office2010激活密钥 · windows7激活密钥 · office2010激活工具 · 小马激活工具 · win10激活工具

点击排行

· Vue.js之遍历输出JavaScript的常见数据 · JavaScript中的闭包 · javascript-回调函数callback · JAVA开发微信公众平台使用KindEditor编 · JavaScript函数和递归 · JavaScript入门指南---（一）、认识Ja · js(javascript)取得当前时间小时，分钟 · vue.jswindows下开发环境搭建