码迷,mamicode.com
首页 > Web开发 > 详细

jquery了解

时间:2016-11-05 09:26:30      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:pat   修改   xpath   download   demo   nload   等于   down   自己的   

 

 

jQuery 库 - 特性

jQuery 是一个 JavaScript 库。

jQuery 是一个 JavaScript 函数库。

jQuery 库包含以下特性:

  • HTML 元素选取
  • HTML 元素操作
  • CSS 操作
  • HTML 事件函数
  • JavaScript 特效和动画
  • HTML DOM 遍历和修改
  • AJAX
  • Utilities

    下载 jQuery

    有两个版本的 jQuery 可供下载:

    • Production version - 用于实际的网站中,已被精简和压缩。
    • Development version - 用于测试和开发(未压缩,是可读的代码)

    这两个版本都可以从 jQuery.com 下载。

  • 替代方案

    如果您不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它。

    谷歌和微软的服务器都存有 jQuery 。

    如需从谷歌或微软引用 jQuery,请使用以下代码之一:

  • 库的替代

    Google 和 Microsoft 对 jQuery 的支持都很好。

    如果您不愿意在自己的计算机上存放 jQuery 库,那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。

  • jQuery 语法

    jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。

    基础语法是:$(selector).action()

    • 美元符号定义 jQuery
    • 选择符(selector)“查询”和“查找” HTML 元素
    • jQuery 的 action() 执行对元素的操作

    示例

    $(this).hide() - 隐藏当前元素

    $("p").hide() - 隐藏所有段落

    $(".test").hide() - 隐藏所有 class="test" 的所有元素

    $("#test").hide() - 隐藏所有 id="test" 的元素

  • 文档就绪函数

    您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中:

    $(document).ready(function(){
    
    --- jQuery functions go here ----
    
    });
    

    这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。

    如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子:

    • 试图隐藏一个不存在的元素
    • 获得未完全加载的图像的大小
    • jQuery 元素选择器

      jQuery 使用 CSS 选择器来选取 HTML 元素。

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

      $("p.intro") 选取所有 class="intro" 的 <p> 元素。

      $("p#demo") 选取所有 id="demo" 的 <p> 元素。

      jQuery 属性选择器

      jQuery 使用 XPath 表达式来选择带有给定属性的元素。

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

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

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

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

     

jquery了解

标签:pat   修改   xpath   download   demo   nload   等于   down   自己的   

原文地址:http://www.cnblogs.com/Huanghaihui/p/6032368.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!