目录jQuery(write less do more)jQuery的优势有了jQuery那我们还使用BOM与DOM吗？jQuery导入导入方式jQuery提供的CDN服务优点与缺点添加到自定义模板jQuery基本使用1.jQuary基本语法2.JavaScript与jQuery语法相比3.jQuery查找标签4.jQuery选择器查找标签之后的结果与js有何区别5.基
内容概要 原生JS事件结束 jQuery(封装了js的前端框架(模块)) 很容易与我们学的DOM操作混淆 原生js事件绑定 我们直接写几个案例，看懂即可 开关灯案例 <div id="d1" class="c1 bg_red bg_green"></div> <button id="d2">变色</button> <script> let btnEl
目录 一 js案例 二 jQuery 2.1 jQuery的基本语法 2.2 js和jQuery对比 三如何查找标签 3.1基本选择器 3.2 对象之间的转换 3.3 组合选择器/分组与嵌套 3.4 基本筛选器 3.5 属性选择器 3.6表单筛选器 3.6 筛选器方法
文章目录 每日测验昨日内容回顾BOM与DOM操作 今日内容概要原生js事件绑定 jQuery针对导入问题 如何查找标签基本选择器组合选择器/分组与嵌套基本筛选器属性选择器表单筛选器筛选器方法 每日测验 """ 今日考题 1.列举你所知道的PEP8 Python编码规范 2.求结果(易错题)
今日内容概要今天要把jQuery全部结束jQuery操作标签jQuery绑定事件jQuery补充知识点jQuery动画效果(了解) 今日内容详细 jQuery练习题（具体的html内容看练习题内容里面）：练习题：找到本页面中id是i1的标签找到本页面中所有的h2标签找到本页面中所有的input标签找到本页面所有样式类中有
目录jQuery练习题操作标签事件克隆事件自定义模态框左侧菜单返回顶部自定义登陆校验input实时监控hover事件键盘按键按下事件 jQuery练习题 $('#i1') r.fn.init [div#i1.container] $('h2') r.fn.init [h2, prevObject: r.fn.init(1)] $('input') r.fn.init(9)
什么是jQuery jQuery内部封装了原生的js代码(还额外添加了很多的功能)能够让你通过书写更少的代码 完成js操作 类似于python里面的模块 在前端模块不叫模块 叫 “类库” jQuery的优点 兼容多个浏览器的 你在使用jQuery的时候就不需要考虑浏览器兼容问题更少的代码完成更多的事
* 原生JS事件结束 * jQuery(封装了js的前端框架(模块)) 很容易与我们学的DOM操作混淆### 原生js事件绑定我们直接写几个案例，看懂即可* 开关灯案例 ```html <div id="d1" class="c1 bg_red bg_green"></div> <button id="d2">变色</button> <script>
原生js事件绑定 我们直接写几个案例，看懂即可 开关灯案例 <div id="d1" class="c1 bg_red bg_green"></div> <button id="d2">变色</button> <script> let btnEle = document.getElementById('d2')
jQuery """ jQuery内部封装了原生的js代码(还额外添加了很多的功能) 能够让你通过书写更少的代码 完成js操作 类似于python里面的模块 在前端模块不叫模块 叫 “类库” 兼容多个浏览器的 你在使用jQuery的时候就不需要考虑浏览器兼容问题 jQuery的宗旨 write less do more
