jQuery 是一个 JavaScript 库； jQuery 极大地简化了 JavaScript 编程； jQuery 很容易学习；
一. 什么 jQuery？
jQuery 是 JavaScript 的一个框架，是对 JS 的一种封装，使得 JS 使用方便，简单易学
优点
- 不用考虑兼容性问题
- jQuery 拥有强大的选择器，简化了 JS 代码
- jQuery 封装了很多系统函数，直接调用，非常方便
- 完善的异常处理机制
- 出色的浏览器兼容性
- 提高开发效率
二. 怎么使用 jQuery？
- 下载 jQuery 的核心 JS 放入项目中
jquery-1.xx.xx.js - 在页面上使用
<script src="js/jquery-1.xx.xx.js"></script>
三. 初始化函数
- JS 初始化函数
window.onload = function() {} - jQuery 初始化函数
jQuery(function() {});$(function() {});jQuery().ready(function(){});$().ready(function(){});
注：
jQuery 与 $是全等
jQuery() 与 $()是jQuery的核心函数
四. window.onload 与 jQuery() 初始化的区别（☆）
window.onload页面加载完网页元素后被执行jQuery()页面读完代码后被执行
五. 选择器（☆）
$("*")通配符$("div")标签$(".divcla")类$("#zwb")id$("#king > p")子代$("table td")后代$("div + p")同层目录第一个标签$("div ~ p")同层目录所有标签$("table td:first")获取第一个元素的伪类$("table td:last")获取最后一个元素的伪类$("table tr:odd")奇数伪类$("table tr:even")偶数伪类$("input[name=username]")属性选择
通配符 < 标签 < 类 < ID
六. jQuery 属性操作
attr获取标签的属性值或者给属性赋值<input type="checkbox"> $("input").attr("checked")prop获取标签的属性值或者给属性赋值<input type="checkbox"> $("input").attr("checked")addClass给标签加上类名toggleClass若标签有该样式，则移除掉；若没有，则添加HTML功能与innerHTML功能一样text获取的是纯文本内容val获取”input输入框”的值
七. 文档处理
append：A.append(B)把B元素添加到A中的末尾处appendTo：B.appendTo(A)把B元素添加到A中的末尾处remove移除某一个元素empty清除某一个元素中的所有的内容
八. jQuery 效果
show()显示hide()隐藏slideDown()向下滑动slideUp()向上滑动fadeIn()淡入fadeOut()淡出animate()动画效果stop()停止动画效果delay延迟
九. jQuery 遍历
each 循环
Original: https://www.cnblogs.com/xiqingbo/p/front-end-10.html
Author: Schieber
Title: jQuery学习笔记
原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/598702/
转载文章受原作者版权保护。转载请注明原作者出处！