1.jQuery简介

1、jQuery 初识

What?

  • jQuery官网：http://jquery.com/
  • 一个优秀的 JS 函数库
  • 使用了jQuery的网站超过 90%
  • 中大型 WEB 项目开发首选
  • Write Less，Do More！！！

Why?

  • HTML 元素选取（选择器）
  • HTML 元素操作
  • CSS 操作
  • HTML 事件处理
  • JS 动画效果
  • 链式调用 a().b().c()...
  • 读写合一
  • 浏览器兼容
  • 易扩展插件
  • ajax 封装

How?

1. 引入 jQuery 库

2. 使用jQuery

  • jQuery核心函数：$/jQuery
  • jQuery核心对象：执行$()返回的对象
// 绑定文档加载完成的监听
$(function () {
    // 绑定监听事件
    var $btn02 = $("#btn02");
    $btn02.click(function () {
        var username = $("#username").val();
        username && alert(username);
    });
})

jQuery的基本使用

区别 2 种 JS 库文件

  • 开发版（测试版）
  • 生产版（压缩版）

区别 2 种引用 JS 库的方式

  • 服务器本地库
  • CDN远程库
    • 项目上线时，一般使用比较靠谱的CDN资源库，减轻服务器负担
    • https://www.bootcdn.cn/：搜索jQuery，复制