jQuery是一个快速、简洁的JavaScript框架。它可以帮助我们简化dom操作、链式调用、函数式调用、提供动画、简化ajax。虽然现在jQuery很难和vue和react一起用但是特效方面可能jQuery比较方便,可以让我们更好的了解dom。
首先在BootCDN的官网里找到jQuery,它有很多版本目前可能是每半年更新一次,直接复制在js之前引用就可以了。
举个简单的例子:
<div class="demo"></div> <scriptsrc="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
<script> $('.demo').html('xxx').css('color','skyblue').css('border','1px solid red') .click(function(){ $(this).css('color','green') }) </script>
首先获取到页面的demo元素,用链式语法再绑定一个点击事件。
这些方法得以实现其实是在其内部return了一个对象。
⚠️html 有参数则赋值innerHTML 无参数则取值
⚠️css 有2个参数则赋值style 1个参数则取值 参数为对象则赋多个值
⚠️js方法和jQuery相似但不可以一起使用
⚠️js和jQuery可以互转
这是jQuery转js $(xxx)[0]/$(xxx).get(0)
这是js转jQuery $(js_dom)
这是我的第一篇博客没有什么实际的意义就是单纯的记录一下,如有不周,请多包涵。