jQuery从入门到熟练

https://pics3.baidu.com/feed/c995d143ad4bd11386f5f20cbefa00044bfb05b1.png@f_auto?token=c9a22e3a29c4b040ed47f2bb6437492e{}jQuery 是一个 JavaScript 库，极大地简化了原生 JavaScript 编程，源码值得学习。
初识jQueryjQuery的两把利器使用jQuery核心函数使用jQuery对象jQuery对象练习

一、初识 jQuery

1、what

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

2、why

HTML元素选取(选择器)HTML元素操作CSS操作HTML事件处理JS动画效果链式调用读写合一浏览器兼容易扩展插件ajax封装
封装简化 DOM 操作 CRUD / Ajax
强大选择器：方便快速查找 DOM 元素
隐式遍历(迭代)：一次操作多个元素
读写合一：读数据/写数据用的是一个函数
事件处理、链式调用、DOM 操作 CUD、样式操作……

3、how

(1) 引入库：本地引入、CDN 远程引入，测试版、生产版（压缩版）
(2) 使用库：函数 $ / jQuery、对象 $xxx
<!--需求: 点击"确定"按钮, 提示输入的值-->用户名: <input type="text"><button>确定(原生版)</button><button>确定(jQuery版)</button><!--使用原生DOM--><script type="text/javascript"> window.onload = function () { var btn1 = document.getElementById("btn1") btn1.onclick = function () { var username = document.getElementById("username").value alert(username) } }</script><!--使用jQuery实现--> <!--本地引入--><script type="text/javascript" src="js/jquery-1.12.3.js"></script> <!--远程引入--><!--<script src='/images/loading.gif' class='lazyload' data-src='http://fs.qqfile.top/re/aHR0cHM6Ly9jZG4uYm9vdGNzcy5jb20vanF1ZXJ5LzEuMTIuNC9qcXVlcnkuanM1' referrerpolicy='no-referrer'' ></script>--><script type="text/javascript"> //绑定文档加载完成的监听 jQuery(function () { var $btn2 = $("#btn2") $btn2.click(function () { // 给btn2绑定点击监听 var username = $("#username").val() alert(username) }) }) /* 1. 使用jQuery核心函数: $/jQuery 2. 使用jQuery核心对象: 执行$()返回的对象 */ //新的注释</script>