一、jquery简介

认识jquery

jquery是有美国人John Resig于2006年创建的一个开元项目,随着被人们的熟知,越来越多的程序高手加入其中,完善和壮大其项目内容;如今已开展成为集javascript、css、DOM、Ajax于一体的强大框架体系,他的宗旨是:以更少的代码,实现更多的功能(Write less,do more)

1、jquery基本功能

  1.访问和操作DOM元素

  2.控制页面样式

  3.对页面时间进行处理

  4.大量插件在页面中运用

  5.与Ajax技术的完美结合

2、jquery1.8新增功能与特征

  1.根据浏览器类型自动为CSS添加对应的前缀名称

  2.重构了动画方法

  3.优化了选择器引擎

  4.强化了XSS防护功能

  5.自定义专属版本

搭建jquery开发环境

由于jquery是一个完整的javascript文件库,搭建jquery开发环境十分简单,无需安装任何文件,只需要在jquery官方网站下载最新的文件库,然后在该文件哭引入页面中的<head>元素即可

1.下载jquery文件库

  在jquery的官方网站(http://jquery.com)下载最新版本的jquery文件库,

2.引入jquery文件库

  下载完jquery框架文件后,并不需要任何的安装,仅需要使用<script>文件导入标记将jquery框架文件导入页面中即可。假设该文件下载后保存在项目文件夹Jscript中,那么,在页面的<head></head>中加入如下代码:

  

<script type= "text/javascript" src="Jscript/jquery-1.8.2.min.js"></script>

 

  在页面中的头部分加入上述代码后,变完成了jquery框架的引入,那么就可以开始jquery之旅了。

jquery程序的代码风格

1."$"美元符的使用

  在jquery程序中,是哟哦那个最多的莫过于“$”美元符了,无论是页面元素的选择、功能函数的前最都需使用该符号,可以说他是jquery程序的表侄。例如下列代码:

 

$("#tip").html("hello jQuery").show(1000);

 

  上述代码表示1000毫秒后,在ID为“tip”的元素中显示“hello jQuery”字样

2.时间操作链式书写

  在编写页面某元素时间时jquery程序可以使用连接式的方式编写该元素的所有时间。例如:

 

$(this).addClass("curcol").next(".content").css("display", "block");

  

  在用户单机Class名称为'title'的元素时,自身增加名称为“curcol”的样式;同时,将接下来的Class名称为“content”元素显示出来。可以看出来两个功能的实现通过"."符号链接在一起。

 

 

 

 

  

 

  

posted @ 2016-11-25 20:41  醉郝仁  阅读(231)  评论(0编辑  收藏  举报