• 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部分。

  • 相关阅读:
    Linux 中 eclipse 的tomcat端口号被占用
    JDBC的常用API
    eclipse Alt+/ 无法提示代码
    javaweb项目开发错误代码
    PSP总结报告
    20181204-1 每周例行报告
    对团队成员公开感谢博客
    20181127-2 每周例行报告
    20181120-1 每周例行报告
    20181113-2 每周例行报告
  • 原文地址:https://www.cnblogs.com/cj28-27/p/5560239.html
Copyright © 2020-2023  润新知