![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
月亮小小饼干
没有梦想,何必远方
展开
-
JQuery总结——常用API、常用方法操作、事件操作、微博发布案例、拷贝对象(深拷贝、浅拷贝)等
jQuery总结一、jQuery概述二、jQuery对象与DOM对象三、隐式迭代与常用API1. 隐式迭代2. 基础选择器3. 筛选选择器4. 筛选方法5. 样式操作6. 类操作7.属性操作8. 内容文本9. 元素操作四、事件五、拷贝对象六、多库共存引发的冲突 一、jQuery概述 什么是jQuery? 它是一个简单、快速的JS库,它设计的宗旨是“write less , do more”,因此它非常简洁,它还对于JS中的DOM进行了封装,优化了DOM操作、事件处理、动画设计等,让我们可以快速的查询使用原创 2021-04-09 23:29:59 · 453 阅读 · 8 评论 -
移动端!包括触屏事件\对象、常见特效点击延时问题、本地存储。
一、触屏事件 在移动端,浏览器具有良好的兼容性,所以原生 js 的书写效果可以在移动端使用,我们知道移动端最大的特点就是 可以直接用手指触发事件,因此就需要用到触屏事件。 touch对象是一个触摸点,这个触摸点可以是一个手指,也可以是触摸笔。触屏事件可以响应用户手指或者触摸笔对屏幕或者触控板的操作。 触屏事件包括以下三种: touchstart:手指触摸到DOM元素上时触发 touchmove:手指在DOM元素上滑动时触发 touchend:手指从DOM元素上离开时触发 二、触屏事件(touchEven原创 2021-04-05 15:49:23 · 1298 阅读 · 8 评论 -
JS——三种动态创建元素的区别!以及事件对象相关问题
一、三种动态创建元素的方法 document.write() element.innerHTML document.createElement() 二、三种动态创建元素方法的区别 document.write() 直接将内容写入页面的文档流,但是当文档流执行完毕后,它会导致页面重绘。比如在 js 代码中写入事件函数(鼠标点击事件)再添加内容时,之前所有的内容会被清空,页面的结构也会发生变化(从控制台可以看出),即页面重绘。 element.innerHTML &nb原创 2021-03-27 13:06:23 · 257 阅读 · 3 评论 -
JS——Tab栏切换
一、操作步骤 1.当鼠标点击某个选项卡的时候,当前选项卡的底色变为红色(排他思想) 2.给每个选项添加自定义属性,属性值从0开始 当点击选项卡的时候,显示对应序号的内容,其余选项卡的内容隐藏 二、代码实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Tab栏切换案例</title> <style> ul li { list原创 2021-03-26 20:21:16 · 393 阅读 · 0 评论 -
JS——最常用的表格项全选与取消全选及隔行变色!
一、表单全选按钮与取消全选 1.做法:让下面所有的checkbox 的checked 属性跟随全选按钮。 2.下面的复选框(表单项前的复选框)全部选中的时候,上面的全选框才能选中。 具体做法: (1)给下面所有的复选框都绑定点击事件。 (2)每次点击都要循环检查是否所有的复选框都被选中,如果是,则全选框选中,反之,不选中。 二、表单项隔行变色 利用鼠标事件: onmouseover 和 onmouseout 即可 三、具体代码实现 <!DOCTYPE html> <html>原创 2021-03-25 17:46:33 · 360 阅读 · 1 评论 -
JS——排他思想—最简单最常用的一种!!
一、应用场景 1.轮播图下方的小圆点 2.按钮的选择 3.如果有一组元素,想要其中某个元素实现某种样式,就需要利用循环的排他思想(上面只是举例说明^ _ ^) 二、排他思想实现步骤 1.所有元素清除样式(干掉其他人) 2.给当前元素设置样式(留下我自己) 注意顺序不能颠倒 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>排他思想案例</title> &l原创 2021-03-25 09:37:56 · 2206 阅读 · 0 评论 -
JS——求某个字符出现的位置和次数,及求出现次数最多的字符和次数
一、求字符串中某个字符出现的位置和次数 核心算法: 1.先找出这个字符第一次出现的位置 2.利用字符串的 indexOf() 方法,只要它返回的结果不是 -1 就继续往后查找 3.因为 indexOf() 方法只能进行一次,所以利用当前索引加1后,再往后循环查找 二、完整代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>求某个字符出现的位置和次数</titl原创 2021-03-20 18:36:30 · 1084 阅读 · 0 评论 -
数组去重——将数组中重复的元素去掉
一、核心算法 1.创建一个新的空数组,拿旧数组与新数组比较,即遍历旧数组,如果新数组中没有这个元素,就把这个元素添加到新数组中。 2.输出新数组。 二、完整代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>数组去重</title> <script> // var arr = ['c', 'a', 'z', 'a', 'x', 'a原创 2021-03-20 18:07:53 · 2179 阅读 · 0 评论 -
JS——变量、属性、函数、方法的区别
一、变量和属性的区别 1.相同点:两者都是用来存储数据的 2.不同点: 变量单独声明并赋值,使用时直接写变量名,可以单独存在。 属性写在对象中,无需声明,使用时采用:对象.属性 二、函数和方法的区别 1.相同点:都是用来实现某种功能,做某件事 2.不同点: 函数是单独声明,单独存在的,使用函数名() 调用原创 2021-03-19 19:25:47 · 350 阅读 · 1 评论 -
JS——创建对象的三种方式
一.什么是对象 对象是一个具体的事物,是看得见摸得着的实物。例如:一本书、一辆汽车、一个人… 二、创建对象的三种方式 1.使用字面量创建对象 即{ } <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>创建对象</title> <script> // 创建一个狗的对象,注意:属性之间使用逗号分隔 // 1.利用字面量创建对象原创 2021-03-19 19:13:22 · 1185 阅读 · 4 评论