菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 前端-段童雨-20230524 [打印本页]

作者: Yeeeee 时间: 2023-6-13 18:09
标题: 前端-段童雨-20230524
1.js - 原生js
  2.以前写js存在的痛点
      - 兼容性问题
      - 大量的代码
      - 容易出错
      - 排错困难
      - 动画的实现困难
      - ......
      3.jQuery - js的（类）库 library，本质就是一个js文件
      - 开源的(免费)
      - 简单易用
      4.网址： https://jquery.com/
      5.宗旨：写的少，实现的多
      6.版本
      6.1 具体版本的两种模式
      - production 生产,将来上线用的 - 压缩(min)后的版本,体积更小,大概只有不到100k
      - development  开发,编程的过程 - 没有经过压缩的,体积大, 大概是300k左右
      6.2 历史版本
      - v 3.7.0 3 表示大版本 7 新功能的增加  0 bug的修复

      - v 3.X.X 最新版本
      - v 2.X.X 放弃兼容ie低版本
      - v 1.X.X 兼容ie低版本

      7.具体使用
         - 本地下载，然后引入使用（好比我们把一个视频下载了本地，我们观看就不需要联网）
         - CDN 方式，直接使用script的src导入这个地址（好比我们在线看视频，不需要下载到本地，我们观看就需要联网）
jq写法
      const box = $('.box')
      console.log(box)
      box.css('width', '100px')
      box.css('height', '200px')
      box.css('background', 'green')
$() 用法:传递一个选择器，得到对应的元素对象
$(function () {
         // click() 方法
         // - 接受一个回调函数作为参数
         $('button').click(function () {
            $('.box').css({
                  fontSize: 12,
                  color: 'blue',
                  background: '#eee'
            })
         })
      })
DOM对象只能使用js中提供的属性和方法
jq对象只能使用jq中的方法
jq对象转成DOM对象
1.jq对象.get(0)
2.jq对象[0]
- DOM对象转成jq对象
1.$(DOM对象)

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)