zoukankan      html  css  js  c++  java
  • Web开发技术——JQuery1(简介)

    jQuery 库 - 特性

    jQuery 库可以通过一行简单的标记被添加到网页中。

    jQuery 是一个 JavaScript 函数库。

    jQuery 库包含以下特性:

    · HTML 元素选取

    · HTML 元素操作

    · CSS 操作

    · HTML 事件函数

    · JavaScript 特效和动画

    · HTML DOM 遍历和修改

    · AJAX

    · Utilities

    向您的页面添加 jQuery 库

    jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数。

    可以通过下面的标记把 jQuery 添加到网页中:

    <head><script type="text/javascript" src="jquery.js"></script></head>

    请注意,<script> 标签应该位于页面的 <head> 部分。

    基础 jQuery 实例

    下面的例子演示了 jQuery 的 hide() 函数,隐藏了 HTML 文档中所有的 <p> 元素。

    实例
    <html>
    <head>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function () { $("button").click(function () { $("p").hide(); }); });
        </script>
    </head>
        <body>
            <h2>This is a heading</h2>
            <p>This is a paragraph.</p>
            <p>This is another paragraph.</p>
            <button type="button">Click me</button>
        </body>
    </html>

    下载 jQuery

    共有两个版本的 jQuery 可供下载:一份是精简过的,另一份是未压缩的(供调试或阅读)。

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

    库的替代

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

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

    使用 Google 的 CDN
    <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
    </head>
    使用 Microsoft 的 CDN
    <head>
        <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>
    </head>
  • 相关阅读:
    js正则表达式中的问号使用技巧总结
    380. Insert Delete GetRandom O(1)
    34. Find First and Last Position of Element in Sorted Array
    162. Find Peak Element
    220. Contains Duplicate III
    269. Alien Dictionary
    18. 4Sum
    15. 3Sum
    224. Basic Calculator
    227. Basic Calculator II
  • 原文地址:https://www.cnblogs.com/cmhunter/p/4182839.html
Copyright © 2011-2022 走看看