JQuery 简介

最新推荐文章于 2021-06-04 22:12:35 发布

ClementQL

最新推荐文章于 2021-06-04 22:12:35 发布

阅读量216

点赞数

分类专栏： JQuery 文章标签： JQuery

本文链接：https://blog.csdn.net/CQL_K21/article/details/86748644

版权

JQuery 专栏收录该内容

28 篇文章 0 订阅

订阅专栏


@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    @*<script src="~/Content/bootstrap-3.3.7-dist/js/jquery-3.2.1.min.js"></script>*@
</head>
<body>
    <div> 
        <p>this is a paragraph</p>
        <h2 class="test">this is a paragraph,the font color is red</h2>
    </div>

    <script src="~/Content/bootstrap-3.3.7-dist/js/jquery-3.2.1.min.js"></script>
     <script>
         @*什么是 jQuery ？*@
         @*jQuery是一个JavaScript函数库。
         jQuery是一个轻量级的"写的少，做的多"的JavaScript库。
         jQuery库包含以下功能：
             HTML 元素选取    HTML 元素操作
             CSS 操作         HTML 事件函数
             JavaScript 特效和动画    HTML DOM 遍历和修改
             AJAX                     Utilities
         提示： 除此之外，Jquery还提供了大量的插件。*@
         @*1-2为什么使用 jQuery ？*@
         @*目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架，而且提供了大量的扩展。
             很多大公司都在使用 jQuery， 例如:
                Google   Microsoft   IBM*@

         @*jQuery的使用*@
         @* jquery是一个javascript脚本库，不需要特别的安装，只需要我们在页面
          标签内中，通过 script 标签引入 jquery 库即可
             http://jquery.com/download/ 下载地址*@

         @*本次课程介绍：jQuery基础课程总共分为5个部分，分别是样式篇、事件篇、动画篇、DOM篇，Ajax篇*@

         @*jQuery 语法*@
         @*jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。
            基础语法： $(selector).action()                   美元符号定义 jQuery
                选择符（selector）"查询"和"查找" HTML 元素    jQuery 的 action() 执行对元素的操作
            实例:$(this).hide() - 隐藏当前元素                $("p").hide() - 隐藏所有 <p> 元素
                $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
                $("#test").hide() - 隐藏所有 id="test" 的元素*@
         $(document).ready(function () {
             $("p").hide();
         });
         //有没有注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中：
         $(document).ready(function () {
             // 开始写 jQuery 代码...
         });
         @*这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。
          如果在文档没有完全加载之前就运行函数，操作可能失败。下面是两个具体的例子：
          试图隐藏一个不存在的元素s
          获得未完全加载的图像的大小*@
         //简洁写法（与以上写法效果相同）:
         $(function () {
             //开始写 jQuery 代码...
         });

     </script>
</body>
</html>