m0_56344602的博客

.find( ) 查找数据 .findIndex( ) 查找数据的下标 查找数据const 返回的数据 = 数组.find(item => 条件); // 回调函数查找数据的下标const 返回的数据下标 = 数组.findIndex(item => 条件);致读者jQuery的复习到这里就结束啦，后续也会继续给大家分享更多的知识 记得养成天天学习的好习惯哦上一章：jQuery入门第十二章（页面传参）https://bl......

地址栏 url 也可以存储数据。页面路径?名称=值detail.html?xxx=ooodetail.html 页面路径? 分隔符号xxx=ooo 数据的键值对获取地址栏字符串location.href修改地址栏 - 页面可以跳转// 网站路径location.href = 'ts.qitaijk.cn';// 本地相对路径location.href = 'detail.html';上一章：jQue......

效果图基本样式 <style> * { margin: 0; padding: 0; list-style: none; } nav { width: 700px; height: 50px; background-color: #333; margin: .

视频标签<video src="视频路径" />音频标签<audio src="音频路径" />视频音频标签属性controls 添加控制条WebAPI 操作视频播放暂停JQ 没有对 视频，音频这类 DOM 对象的方法进行封装，所以使用 JQ 查找到的视频音频对象需要转回 DOM，才能进行操作。Web API DOM对象.play() 播放 DOM对象.pause() 暂停 DO..

常见的定位属性取值position: absolute; // 绝对定位position: fixed; // 固定定位position: relative; // 相对定位position: static; // 不定位小结 absolute，fixed，relative 都是定位，left , right, top , bottom, z-index 可以控制定位盒子位置和层级。 position: static; 设置盒子不定位，相当于变......

链式编程 JQ 的方法调用完毕后，大部分情况都是返回一个 JQ 对象。 由于返回值还是 JQ对象，所以还可以继续通过 点语法调用 JQ 对象的方法。 如果调用方法后，返回值不是 JQ 对象，就无法链式调用 JQ 的方法了。 $(this).addClass(); // 返回值是 JQ 对象，所以可以链式编程 $(window).scrollTop(); // 返回值是 数字，所以不能调用 JQ 的方法了 注意：一般获取值这种用法，返回值由.....

事件解绑解绑事件$(选择器).off('事件类型');如果要针对性解绑某个事件处理函数，需要把事件处理函数起个名字，再名字解绑。$(选择器).off('事件类型', 事件处理函数名称);事件对象基本概念每个事件在触发的时候，都有事件对象，记录了事件触发时候的一些信息。如何获取事件对象在事件处理函数写个形参名称，常用的名字 event , ev , e 。 鼠标事件对象中，可以获取鼠标坐标值 ， clientX， clientX ，pageX, pageY..

滚动事件$(选择器).scroll(function(){ });如果是要获取浏览器的滚动距离，选择器就写 window 对象即可。 获取滚动距离// 垂直顶部方向滚动出去了多少$(选择器).scrollTop();// 水平左边方向滚动出去了多少$(选择器).scrollLeft();返回顶部代码$('html,body').stop().animate({ scrollTop: 0 });上一章：jQuery入门第五章（JQ事件类型补充 ）.....

鼠标移入移出事件 mouseenter( ) 鼠标移入 mouseleave( ) 鼠标移出 对比 mouseover 和 mouseout 而言，mouseenter，mouseleave 在盒子内部移动的时候不会反复触发移入移出事件。总结：推荐使用 mouseenter，mouseleave。hover 事件hover( ) - 是 JQ 参考 CSS 的 hover 封装的一个方法，WebAPI 没有 hover 事件ready 事件ready 事件也是 JQ

写法1把事件处理函数封装成方法调用$('选择器').click(function(){ });写法2 用 on( ) 方法绑定事件$('选择器').on('click', function(){ });事件委托 - 只能用 on 方式绑定事件委托常用于列表的事件绑定，减少事件绑定次数，提高程序效率。 需要利用了事件冒泡的特征实现的。 把 on 方法事件绑定委托给 某个祖先级元素(列表的分区)。 在 on 方法的第二个参数传入目标元素的选择器(....

节点概念标签是节点，注释是节点，文本是节点，属性也都是节点。一般我们操作节点时候，主要是操作标签这类节点，标签节点我们一般称之为元素。查找节点$('选择器')父子兄关系查找新建节点.html('<h1>')$('<h1>')$(`<h1> </h1>`) // 推荐写法移动节点$('选择器').append( 节点 ) 后追加节点$('选择器').prepend( 节点 ......

基本概念隐藏其实就是 display:none;显示可以有很多种：display:block flex inline-block，block 最常见。基础显示隐藏以上方法传入时间后才有动画动画效果，不传入时间没有动画效果。淡入淡出显示隐藏就是透明度的变化。没有传入时间也有动画效果，默认值是 400 毫秒滑动显示隐藏高度的变化自定义动画核心方法.animate( 样式对象, 时间, 回调函数 )被称为动态的 .css( )参考代码...

JQ 基本概念jQuery 其实就是别的团队封装好的一个 JS 文件。常见错误没有引入 jQuery 文件，引入失败，请检查 jquery.js 文件的路径。 JQ 对象 和 DOM 对象互相转换不同类型的对象拥有不同的属性和方法 JQ 对象调用 JQ 对象的方法和属性。 DOM 对象调用 DOM 对象的方法和属性。 JQ 对象和 DOM 对象可以互相转换。 JQ 对象和 DOM 对象关系图 JQ 对象可以提取出 DOM 对象 DOM 对象也