jquery文档

Web前端基础(14):jQuery基础(一)

眉间皱痕 提交于 2019-11-25 16:56:06
1. jQuery概述 1.1 为什么要使用jQuery 在用js写代码时,会遇到一些问题: window.onload 事件有事件覆盖的问题,因此只能写一个事件。 代码容错性差。 浏览器兼容性问题。 书写很繁琐,代码量多。 代码很乱,各个页面到处都是。 动画效果很难实现。 jQuery的出现,可以解决以上问题。 1.2 什么是jQuery jQuery是一个JavaScript框架。它兼容CSS3,还兼容各种浏览器。文档说明很全,应用详细,成熟插件多。 jQuery2.0及后续版本不再支持IE6/7/8浏览器 核心概念是write less,do more(写的更少,做的更多)。 1.3 jQuery相关资料 关于jQuery的相关资料: 官网: http://jquery.com/ 官网API文档: http://api.jquery.com/ 汉化API文档: http://www.css88.com/jqapi-1.9/ 1.4 jQuery的第一个代码 用原生js来实现下面代码效果: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 100px; height: 100px;

前端之jQuery

偶尔善良 提交于 2019-11-25 16:53:00
目录 jQuery介绍 jQuery引入方式 jQuery基础语法 查找标签 基本选择器 id选择器 标签选择器 class选择器 组合选择器 所有元素选择器 配合使用 层级选择器 基本筛选器 属性选择器 表单筛选器 筛选器方法 操作标签 样式操作 位置操作 边框尺寸 文本操作 属性操作 文档处理 添加到元素内部的后面 添加到元素内部的前面 添加到指定元素 外部 的后面 添加到指定元素 外部 的前面 移除和清空元素 克隆 事件 常用事件 jQuery事件绑定 hover绑定事件 实时监测input内部输入内容 阻止后续事件执行 事件冒泡 页面载入 事件委托 动画效果 each .data() jQuery介绍 jQuery是一个轻量级、兼容多浏览器的JavaScript库,能使用户更方便地处理HTML文档,实现动画效果、方便地进行Ajax交互。 jQuery引入方式 一种是引入本地的jQuery文件,另一种是引用jQuery的cdn <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> jQuery基础语法 $(选择器).action() 查找标签 基本选择器 id选择器 $('#id') 标签选择器 $('div') class选择器 $('.c1') 组合选择器 $('#d1,