jQuery 概述

 jQuery :

  jQuery是一套跨浏览器的JavaScript库,简化Html与JavaScript之间的操作。它是轻量级的js库 ,兼容CSS3,还兼容各种浏览器,jQuery2.0及后续版本不再支持IE6/7/8浏览器。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

  jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多JavaScript高手加入其TEAM,包括来自德国的Jörn Zaefferer,罗马尼亚的Stefan Petre等等。

  jQuery是继prototype之后又一个优秀的JavaScript框架。其宗旨是——writeless,DO MORE,写更少的代码,做更多的事情。

  它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari2.0+, Opera 9.0+)。

  jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供ajax交互。

  jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。

  jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

  Jquery 是继prototype之后又一个优秀的Javascrīpt框架。对prototype我使用不多,简单了解过。但使用上jquery之后,马上被她的 优雅吸引住了。有人使用这样的一比喻来比较prototype和jquery:prototype就像Java,而jquery就像rudy.实际上我比较喜欢java(少接触rudy 罢了)但是jquery的简单的实用的确有相当大的吸引力啊!在项目里我把jquery作为自己唯一的框架类包。使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。

jQuery包含以下特点:

  1.动态特效

  2.AJAX

  3.通过插件来扩展

  4.方便的工具 - 例如浏览器版本判断

  5.渐进增强

  6.链式调用

  7.多浏览器支持,支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+(在2.0.0中取消了对Internet Explorer6,7,8的支持)

开始使用

  jQuery是一个单独的JavaScript文件,可以保存到本地或者服务器直接引用,也可以从多个公共服务器中选择引用。有Media Temple、Google、Microsoft等多家公司给jQuery提供CDN服务,比较常用的引用地址如下

  type="text/javascript" src="http://ajax.googleapis. com/ajax/libs/jquery/1.8/jquery.min.js">]]>

  截止2013年4月的版本是2.0.0,但由于2.0.0对IE的兼容性不好,人们多使用jQuery1.9.1。

  最常使用的jQuery基础方法是.ready()方法

    $(document).ready(function(){

    //script goes here

    });

  或者其简写

    $(function(){

    //script goes here

    });

   当dom加载完就可以执行(比window.onload更早)。在同一个页面里可以多次出现.ready()

选择器

  相关书籍jQuery 使用 sizzle引擎,支持css选取,Xpath选取等方式。

    $("p") 选取全部 <p> 元素。

    $("p.intro") 选取所有包含class为"intro"的

  元素。

    $("#demo") 选取 id为"demo" 的元素。

    $("[href]") 选取所有带有 href 属性的元素。

    $("[href=‘#‘]") 选取所有带有 href 值等于 "#" 的元素。

    $("[href!=‘#‘]") 选取所有带有 href 值不等于 "#" 的元素。

    $("[href$=‘.jpg‘]") 选取所有 href 值以 ".jpg" 结尾的元素。

    $("[href^=‘/imgaes/‘]") 选取所有 href 值以 /imgaes/" 开头的元素。

    $("p.intro") 所有 class="intro" 的

  元素 元素选择器

    $(".intro") 所有 class="intro" 的元素 类选择器

    $("#intro") id="intro" 的第一个元素 id 选择器

更多详细信息请参见jQuery API的Selectors部分。

时间: 2024-10-13 19:46:13

jQuery 概述的相关文章

jQuery概述,代码举例及最新版下载

jQuery是一个快速的,小巧的,具有强大功能的JavaScript库. 它的基本功能包括: 1)访问和操作DOM元素 2)控制页面样式(可以兼容各种浏览器) 3)对页面事件的处理 4)大量插件在页面中的运用 5)与Ajax技术的完美结合 jQuery改变了众多的程序员使用 JavaScript的方式. jQuery官方主页代码示例: 1) DOM遍历及操作 将class为continue的<button>的文本内容设置成"Next Step..." 1 $( "

JavaScript之jQuery-1 jQuery概述、jQuery的编程步骤、jQuery对象

一.jQuery 概述 JavaScript 类库 - JavaScript 类库的出现,是为了简化 JavaScript 的开发 - JavaScript 类库封装了预定义的对象和实用的函数,可以帮助开发人员来建立有高难度交互的 Web 2.0 特性的丰富客户端页面,并且兼容各大浏览器 - JavaScript 类库可以简称为JS库 - 目前比较流行的JavaScript 类库有: - jQuery - Mootools - Prototype - Dojo jQuery 概述 - jQuer

jQuery概述

目录 jQuery的加载 jQuery基础 jQuery对象 jQuery构造函数 jQuery构造函数返回的结果集 链式操作 $(document).ready() $.noConflict方法 jQuery实例对象的方法 结果集的过滤方法 DOM相关方法 添加.复制和移动网页元素的方法 动画效果方法 其他方法 事件处理 事件绑定的简便方法 on方法,trigger方法,off方法 event对象 一次性事件 参考链接 jQuery是目前使用最广泛的JavaScript函数库.据统计,全世界5

jQuery基础之(一)jQuery概述

1.jQuery的简介 就像上节所将到的Ajax框架一样,简单的说,jQuery是一个优秀的javascript框架,它能够让用户方便的处理html,events(冒泡)事件,动画效果,ajax交互等,它极大程度的改变了开发者使用javascript的习惯.jQuery自2006年最初创建,已经吸引了众多的javascript高手加入其团队,随着事件推移,jQuery新版本一个一个发布,它越来越受到关注. 如今,jQuery发展到集各种javascript/css/dom和ajax功能于一体的强

Javascript,jQuery,ajax学习笔记。持续更新中。[荐]

欢迎大家关注我的博客,我的博客是在平常学习看书中和总结而撰写的,欢迎大家和我交流,不足之处还很多,希望大家和我交流. 一:javascript基础系列(已完结) 二:javascript基础系列之DOM(已完结) 三:jQuery系列文章(未完结) 四:AJAX(未完结) 五:JavaScript权威指南第6版中文版   一:javascript基础系列: Javascript基础系列之(一)JavaScript语法 Javascript基础系列之(二)变量 Javascript基础系列之(三)

jQuery笔记总结

来源于:http://blog.poetries.top/2016/10/20/review-jQuery/ http://www.jianshu.com/p/f8e3936b34c9 首先,来了解一下jQuery学习的整体思路 第一节 jQuery初步认知 jQuery概述 JQuery概念 javascript概念 基于Js语言的API和语法组织逻辑,通过内置window和document对象,来操作内存中的DOM元素 JQuery概念 基于javascript的,同上,提高了代码的效率 j

jQuery中each()、find()、filter()等节点操作方法

1.each(callback) 官方解释: 返回值:jQuery 概述 以每一个匹配的元素作为上下文来执行一个函数. 意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素).而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整型). 返回 'false' 将停止循环 (就像在普通的循环中使用 'break').返回 'true' 跳至下一个循环(就像在普通的循环中使用'

jQuery基础学习(一)&mdash;jQuery初识

一.jQuery概述 1.jQuery的优点      jQuery是一个优秀的JavaScript库,极大地简化了遍历HTML文档.操作DOM.处理事件.执行动画和开发Ajax的操作.它有以下几点优势.      (1)轻量级.      (2)强大的选择器.      (3)出色的DOM封装.      (4)可靠的事件处理机制.      (5)完善的Ajax.   2.jQuery类库说明      jQuery的库分为两种,分别是生产版和开发版.区别如下: 名称 大小 说明 jquer

《jQuery权威指南》学习笔记

1.1 jQuery概述 1.1.1 认识jQuery jQuery:Javascript.CSS.DOM.Ajax 1.1.2 jQuery基本功能 1.访问和操作DOM元素: 2.控制页面样式:兼容性: 3.对页面事件的处理:事件绑定机制: 4.大量插件在页面中的运用: 5.与Ajax技术的完美结合:异步读取服务器数据. 1.1.3 搭建jQuery开发环境 引入jQuery文件库:  <script language="jscript" type="text/ja

jQuery(expression, [context]) , $(即jQuery)的参数问题

jQuery(expression, [context])         返回值:jQuery 概述 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素. jQuery 的核心功能都是通过这个函数实现的. jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数.这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素. 默认情况下, 如果没有指定context参数,$()将在当前的 HTML do