jQuery_01

最新推荐文章于 2024-09-30 15:42:36 发布

Web阿成

最新推荐文章于 2024-09-30 15:42:36 发布

阅读量117

点赞数

分类专栏： jQuery 文章标签： jquery 前端 javascript

本文链接：https://blog.csdn.net/a_strong_pig/article/details/134606090

版权

jQuery 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

什么是jQuery？

jQuery <= 官网

他是一个跨主流浏览器的JavaScript库。一种高级的JavaScript语法库。里面有大量的js函数，使用这些函数操作dom，做事件、动画、ajax处理。语法更加简单了！！！

下载jQuery

下载地址

压缩版本：项目上线后使用

未压缩版本：可读性好，开发阶段使用

为什么使用jQuery？

1.少代码、多做事。

2.免费开源

3.社区成熟

4.简化操作。。。。。。

全部代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script type="text/javascript">
      function fun1() {
        // var obj = document.getElementById("txt1");
        // var obj = getObj("txt1");
        // var obj = a("txt1");
        // $是一个函数的名称 我们在调用
        var obj = $("txt1");
        // txt1.value = "我是修改后的文本框";
        alert(obj.value);

        //太复杂了
        //document.getElementById();
        //document.getElementByName();
        //document.getElementByTagName();
      }
      //   function getObj(id) {
      //     var obj = document.getElementById(id);
      //     return obj;
      //   }
      //   function a(id) {
      //     var obj = document.getElementById(id);
      //     return obj;
      //   }
      function $(id) {
        var obj = document.getElementById(id);
        return obj;
      }
    </script>
  </head>
  <body>
    <input type="text" id="txt1" value="我是文本框架" /><br />
    <input type="text" id="txt2" value="我也是文本框架" /><br />
    <input type="button" value="单击" onclick="fun1()" />
  </body>
</html>

现在还不知道为什么这么写，但是马上就会明白了，jquery的语法真的是短小精悍。！！！！