1+X | jQuery

0
tec

什么是jquery？

一个js库，（库就是函数的封装）,API学习网站：jquery.cuishifeng.cn

使用

  • 引入

    1. 本地引入

    2. CDN加速器(https://www.bootcdn.cn/jquery/)引入

      • <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>

      • <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

  • 简写

    jQuery可以简写成$

  • 选择器

  • 事件与事件对象

  • 动画

    • show(),hide(),toggle(),slideDown,slideUp(),slideToggle(),fadeIn(),fadeOut(),fadeTo(),fadeToggle(),animation()

  • ajax

    • $.ajax()
    • load(),$.get(),$.post()
    • $.getJSON(),$.getScript()
    --加载外部文件

工具方法

  • $.each()
  • $.trim()

重点选择器

  • 选择某一个DOM - eq(index)
  • 查找子元素 - find(expr)
  • 查找所有兄弟(同辈) - siblings()
  • 查找下一个兄弟 - next()
$('.box').eq(1)
$('.box:eq(1)')
$('.box').find('.box2')
$('.box').siblings('.box3')
$('.box').next()

考点

  • JQ中的选择器沿用的是css中的选择器 - ✔︎
  • append()\appendto()\after()


225 字