zoukankan      html  css  js  c++  java
  • 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 documentsevents、实现动画效果,并且方便地为网站提供ajax交互。

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

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

      Jquery 是继prototype之后又一个优秀的Javascrīpt框架。对prototype我使用不多,简单了解过。但使用上jquery之后,马上被她的 优雅吸引住了。有人使用这样的一比喻来比较prototypejqueryprototype就像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 TempleGoogle、Microsoft等多家公司给jQuery提供CDN服务,比较常用的引用地址如下

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

      截止20134月的版本是2.0.0,但由于2.0.0IE兼容性不好,人们多使用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部分。

  • 相关阅读:
    (Good Bye 2019) Codeforces 1270B Interesting Subarray
    (Good Bye 2019) Codeforces 1270A Card Game
    Codeforces 1283D Christmas Trees(BFS)
    Codeforces 1283C Friends and Gifts
    Codeforces 1283B Candies Division
    1095 Cars on Campus (30)
    1080 Graduate Admission (30)
    1099 Build A Binary Search Tree (30)
    1018 Public Bike Management (30)
    1087 All Roads Lead to Rome (30)
  • 原文地址:https://www.cnblogs.com/cj28-27/p/5560239.html
Copyright © 2011-2022 走看看