JavaScript
关注
分享
扫一扫
文章平均质量分 61
javascript和jQuery相关常用操作。
神奇洋葱头
学习知识是进步的阶梯.
展开
-
Jquery选择器
文章目录1. Jquery选择器2. Jquery选择器常用类型2.1 元素 选择器2.2 #id 选择器2.3 .class 选择器2.4 属性选择器2.5 CSS选择器3. 总结规律1. Jquery选择器jQuery 选择器允许您对 HTML 元素组或单个HTML元素进行操作。2. Jquery选择器常用类型2.1 元素 选择器基于 HTML元素名 选取元素<!DOCTYPE html><html lang="en"><head> <原创 2022-01-22 13:22:10 · 2896 阅读 · 0 评论 -
ES6新特性汇总
1. let 和 constlet 声明的变量,作用范围是let声明变量所在的代码块const 声明的变量,是常量,值不能修改否则报错2. 字符串扩展方法str01.inclueds(str02) 字符串str01中是否包含字符串str02,返回结果布尔值str01.startWith(str02) str01是否以str02开头,返回结果布尔值str01.endWith(str02) str01是否以str02结尾,返回结果布尔值3.字符串模板(多行字符串)es6支持多行字符串使用的原创 2021-06-03 09:55:57 · 1009 阅读 · 0 评论 -
ES6模板字符串
文章目录1.模板字符串定义2.模板字符串的用法2.1 当做普通字符串2.2 在模板字符串内插入js值1.模板字符串定义ES6引入 字符串 字面量 — 模板字符串使用反引号 (`) 表示，键盘Esc下面的那个反向单引号2.模板字符串的用法2.1 当做普通字符串const str = `abcde`console.log(str)//输出结果为字符串 abcde2.2 在模板字符串内插入js值const a = "aaa"const b = "bbb"const c = "原创 2021-04-14 08:59:30 · 77 阅读 · 0 评论 -
ES6 解构赋值
文章目录1. 对象结构赋值单层解构赋值嵌套解构赋值解构赋值使用别名1. 对象结构赋值单层解构赋值let userObj = {id:1006,name:"tom",age:20,address:"迪士尼乐园"}const {id,name,age,address} = userObjconsole.log(id,name,age,address)输出结果如下：嵌套解构赋值let userObj = {id:1006,name:"tom",age:20,address:{provience原创 2021-04-10 10:05:13 · 70 阅读 · 0 评论 -
ES6 Map的使用
文章目录1. map的定义2. set(key,value) 为map添加值3. size() 方法获取map元素个数4. delete(key) 通过key删除元素5. get(key) 通过key获取元素6. clear() 清空map7. for(let element in map){}遍历map8. 展开运算符遍历map1. map的定义<script> //1. 声明map let map = new Map(); console.log("map="原创 2021-04-08 10:08:34 · 525 阅读 · 0 评论 -
ES6箭头函数
文章目录1. 箭头函数能够简化函数定义2. 箭头函数中的this指向3. 箭头函数不能作为构造器4. 箭头函数不能使用 arguments 参数5. 箭头函数的简写5.1 当形参有且只有一个的时候，可以省略()5.2 当函数体语句有且只有一句时，可以省略{}，如果函数体语句是return语句，return必须省略1. 箭头函数能够简化函数定义<script> //普通函数 let fn01 = function(a,b){ return a+b; } /原创 2021-04-08 09:24:58 · 63 阅读 · 0 评论 -
JavaScript原生事件绑定的3种方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js原生事件绑定</title></head><body> <button id="btn01">按钮1</button> <button id="btn02">按钮2</button>原创 2021-03-24 08:51:01 · 206 阅读 · 0 评论 -
JavaScript中字符串的replace用法
1. 两种替换方法1.1 replace(param_old, param_new)用param_new去替换param_old如下例子：var str_format = "yyyy-MM-dd-hh-mm-ss";//比如要用“”来替换“-”var str_new = str_format.replace("-", "");console.log(str_new );/**输出结果：yyyyMM-dd-hh-mm-ss**///很明显这不是我们想要的这种单纯非格式的替换必须使用原创 2020-11-17 09:39:10 · 3670 阅读 · 0 评论 -
input文本框常用操作
目录1. 屏蔽历史输入内容1. 屏蔽历史输入内容一个文本框在输入多次后，会在下方提示历史输入的信息，有的时候不想展示的话，可以屏蔽掉,设置属性 autocomplete="off"<input type="text" id="product_name_box" name="product_name_box" style="width: 100%;" autocomplete="off"></input>...原创 2020-08-26 09:57:53 · 430 阅读 · 0 评论 -
textarea的使用
目录1. textarea自动定位到末尾行1. textarea自动定位到末尾行<div class="box3"> <textarea readonly id="el_textarea" style="width: inherit;height: inherit;"> </textarea></div>e_tx = document.getElementById("el_textarea");e_tx.原创 2020-08-26 09:49:00 · 6038 阅读 · 0 评论