01--jQuery基础--jquery入门

最新推荐文章于 2024-04-24 10:00:20 发布

猪哥哥呀

最新推荐文章于 2024-04-24 10:00:20 发布

阅读量186

点赞数

分类专栏： jquery 文章标签： jquery基础入门

本文链接：https://blog.csdn.net/weixin_42133396/article/details/102620342

版权

jquery 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

jquery入门

概念：一个JavaScript框架。简化JS开发

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已

快速入门步骤

导入JQuery的js文件：导入min.js文件
            3. 使用
                var div1 = $("#div1");
                   alert(div1.html());

入门代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery快速入门</title>
    <script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>

    <div id="div1" class="class1">div1....</div>
    <div id="div2">div2....</div>

<script>
   //使用JQuery获取元素对象
// var $div=$("#div1").html();
  // var $div=$(".class1").html();
 var div1=  document.getElementById("div1");
console.log(div1);

</script>

</body>
</html>