认识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”元素显示出来。可以看出来两个功能的实现通过"."符号链接在一起。

 

　　

　　

一、jquery简介的更多相关文章

  1. jQuery 简介

    jQuery 简介 jQuery 库可以通过一行简单的标记被添加到网页中. jQuery 库 - 特性 jQuery 是一个 JavaScript 函数库. jQuery 库包含以下特性: HTML ...

  2. jQuery简介

    jQuery简介 jQuery是继Prototype之后的又一个javascript库,它由John Resig创建于2006年1月. Javascript库作用比较: 1. Prototype(ht ...

  3. jQuery简介<思维导图>

    jQuery是继prototype之后有一个优秀的Javascript库,它由John Resig创建于2006年1月.它简化了遍历HTML文档.操作DOM.处理事件.执行动画和Ajax的操作.它独特 ...

  4. jQuery编程基础精华01（jQuery简介,顶级对象$,jQuery对象、Dom对象,链式编程,选择器）

    jQuery简介 什么是jQuery? jQuery就是一个JavaScript函数库,没什么特别的.(开源)联想SQLHelper类 jQuery能做什么?jQuery是做什么的? jQuery本身 ...

  5. WEB入门之十二 jquery简介

    学习内容 jQuery简介 搭建jQuery开发环境 jQuery基本选择器 能力目标 熟悉jQuery开发环境 能编写简单的jQuery代码 本章简介 在前面两章,我们学习了JavaScript面向 ...

  6. jQuery:（一）jQuery简介

    一.jQuery简介jQuery由美国人John Resig于2006年创建jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装. 二.jQuery的优势1 ...

  7. 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件

    jQuery简介 宗旨:Write less, do more. 内部封装了js代码 是编程更加简单并且兼容所有的主流浏览器 版本:1.x 2.x 3.x # 可以使用3.x最新版 是第三方的类库:使 ...

  8. jquery简介和实例

    一.简介 定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库. 参考:http://www.php100 ...

  9. <<< jquery简介、开头语法、在线开发手册

    简介 jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多).jQuery在2006年1月由美国人John Resig在纽约的b ...

  10. jQuery简介以及jQuery选择器

    一 简介 1 定义:jQuery库是JavaScript的封装库 2 优点: 1) : 代码开源 2) : 选择器强大 3) : 完善的Ajax 4) : 浏览器兼容性高 5) : 文档完善(帮助文档 ...

随机推荐

  1. CentOS6.3编译安装Memcached

    要用到如下源码包: /usr/local/src/memcached/libevent-2.0.21-stable.tar.gz /usr/local/src/memcached/memcached- ...

  2. python操作mysql总结

    Windows系统,python环境搭建. 下载并安装python2.7.11 https://www.python.org/downloads/ 下载并安装python的mysql包: http:/ ...

  3. jquery 页面加载时获取图片高度

    $(function () { $(window).load(function(){ alert($('img').height()); }); });

  4. BZOJ 1833: [ZJOI2010]count 数字计数

    Description 问 \([L,R]\) 中0-9的个数. Sol 数位DP. 预处理好长度为 \(i\), 最高位为 \(j\) 的数位之和. 然后从上往下计算,不要忘记往下走的同时要把高位的 ...

  5. 理解记忆三种常见字符编码：ASCII, Unicode,UTF-8

    理解什么是字符编码? 计算机只能处理数字,如果要处理文本,就必须先把文本转换为数字才能处理.最早的计算机在设计时采用8个比特(bit)作为一个字节(byte),所以,一个字节能表示的最大的整数就是25 ...

  6. Linux IO模式及 select、poll、epoll详解

    linux的IO调度文章==> https://segmentfault.com/a/1190000003063859?hmsr=toutiao.io&utm_medium=toutia ...

  7. springMVC配置Json

    步骤1:将json包引入工程中,分别是:jackson-annotations-2.7.0.jar,jackson-core-2.7.0.jar,jackson-databind-2.7.0.jar ...

  8. JavaScript高级程序设计学习笔记--BOM

    window对象 BOM的核心对象是window,它表示浏览器的一个实例.在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMScript规定的G ...

  9. sublime text3 输入中文的解决方法

    1. 下载我们需要的文件,打开终端 ,输入: git clone https://github.com/lyfeyaj/sublime-text-imfix.git 2. 将下载的文件解压之后,移到当 ...

  10. .NET 程序集与命名空间

    程序集 程序集(assembly)是一个或多个托管模块,以及一些资源文件的逻辑组合. 组成部分 Windows文件首部 CLR文件首部 程序集清单 类型元数据 MSIL(CIL)代码 嵌入资源集 作用 ...