[前端学习笔记] jQuery基础知识整理

一、jQuery基本概念

1. 什么是jQuery

jQuery是一个快速简洁的JS库，封装了JS常用的功能代码，优化了DOM操作、事件处理、动画设计、Ajax交互等。我们可以快速查询使用里面的功能函数。

补充：常见的JS库有jQuery\Prototype\YUI\Dojo\Ext JS\移动端的zepto。这些库都是对原生JS的封装，内部是用JS实现的。

2. jQuery的优点

• 轻量级。核心文件几十kb，不会影响页面加载速度。
• 跨浏览器兼容。基本兼容了现在主流的浏览器。
• 链式编程(将多个操作通过点号链接在一起成为一句代码，节约代码量)、隐式迭代(给匹配到的所有元素进行循环遍历执行相同的操作)
• 对事件、样式、动画支持，大大简化DOM操作
• 支持插件扩展开发，有丰富的第三方插件。如树形菜单
• 免费、开源

3. jQuery下载

https://jquery.com/

4. jQuery对象

二、jQuery选择器

三、jQuery样式操作

四、jQuery效果

五、jQuery属性操作

【补充】$(this).index()问题

<div>
    <h1>第一个h1h1>
    <h1>第二个h1h1>
    <p>p1p>
    <p>p2p>
div>
<script>
    $("div p").on("click", function () {
      // 获取当前标签在【同级标签】中的索引，不区分标签！
      console.log($(this).index());
      // 获取所有【同类标签】中当前标签的索引
      console.log($("p").index(this));
      console.log('-------------');
    });
script>

六、jQuery文本属性值

七、jQuery元素操作

八、jQuery尺寸、位置操作

九、jQuery事件

十、jQuery常用插件