zoukankan      html  css  js  c++  java
  • jquery了解

    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" 结尾的元素。

  • 相关阅读:
    hdu1238 Substrings
    CCF试题:高速公路(Targin)
    hdu 1269 迷宫城堡(Targin算法)
    hdu 1253 胜利大逃亡
    NYOJ 55 懒省事的小明
    HDU 1024 Max Sum Plus Plus
    HDU 1087 Super Jumping! Jumping! Jumping!
    HDU 1257 最少拦截系统
    HDU 1069 Monkey and Banana
    HDU 1104 Remainder
  • 原文地址:https://www.cnblogs.com/Huanghaihui/p/6032368.html
Copyright © 2011-2022 走看看