wb.ouyang

毕竟几人真得鹿,不知终日梦为鱼

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

随笔分类 -  JS | jquery

1 2 下一页

jquery 选择器、属性和CSS、文档处理、筛选、事件、动画效果
摘要:目录: 1、jQuery介绍2、jQuery的基本语法3、jQuery 对象和 dom 对象转换4、选择器(9种之1--基本)5、选择器(9种之2--层级选择器) [类似css复合选择器的概念]6、选择器(9种之3--基本过滤)7、选择器(9种之4--内容过滤)8、选择器(9种之5--可见性过滤)9 阅读全文

posted @ 2020-08-29 13:06 wenbin_ouyang 阅读(399) 评论(0) 推荐(0) 编辑

js高级(一)
摘要:目录: 1、JSON.stringify()和JSON.parse()2、js 获取json对象所有key和value3、json对象删除某个字段4、删除数组指定的元素5、Array的splice(index, size, element)方法6、Array的unshift()和push()方法7、 阅读全文

posted @ 2020-01-30 20:53 wenbin_ouyang 阅读(168) 评论(0) 推荐(0) 编辑

JavaScript日期加减
摘要:JavaScript日期加减 var date = new Date() // 对日期加减: date.setDate(date.getDate() + n) // 对月加减: date.setMonth(date.getMonth() + n) // 对年加减: date.setFullYear( 阅读全文

posted @ 2020-01-20 11:12 wenbin_ouyang 阅读(3846) 评论(0) 推荐(0) 编辑

javascript乘除算法解决浮点精度
摘要:参考https://www.cnblogs.com/tongshuangxiong/p/11200899.html mathDivide = (arg1, arg2, precision) => { if (precision undefined) precision = 4 let t1 = 0, 阅读全文

posted @ 2020-01-20 10:35 wenbin_ouyang 阅读(176) 评论(0) 推荐(0) 编辑

js ECMAscript(三)原型,继承,this,bind,闭包,浅/深拷贝,正则表达式
摘要:目录: 1.原型的引入2.原型添加方法解决数据共享3.实例对象使用的属性和方法层层的搜索4.为内置对象的原型对象中添加方法5.原型及原型链6.原型指向可以改变7.原型指向改变如何添加原型方法8.实例对象和原型对象属性重名问题9.通过原型实现继承10.借用构造函数实现继承11.组合继承12.拷贝继承1 阅读全文

posted @ 2020-01-18 05:32 wenbin_ouyang 阅读(300) 评论(0) 推荐(0) 编辑

js BOM(二)offset系列,scroll系列,client系列,封装变速动画函数
摘要:目录: 1.offset系列 * 在style标签中设置的css样式属性,不能使用如下方法: ele.style.width ele.style.height * 以后获取元素的宽和高,使用如下方法 ele.offsetWidth;//获取宽(包含边框) ele.offsetHeight;//获取高 阅读全文

posted @ 2020-01-16 00:04 wenbin_ouyang 阅读(216) 评论(0) 推荐(0) 编辑

js BOM(一)window、location、history、navigator、定时器setInterval,setTimeout,轮播图
摘要:目录: 1.BOM介绍 2.系统对话框 3.页面加载事件 4.location对象 5.history对象 6.navigator对象 7.定时器setInterval 8.案例:图片摇摆 9.案例:一闪一闪亮晶晶10.一次性的定时器setTimeout11.案例:div背景色渐变12.案例:div 阅读全文

posted @ 2020-01-14 01:40 wenbin_ouyang 阅读(283) 评论(0) 推荐(0) 编辑

js DOM(三)节点、元素创建3种方式、为元素绑定多个事件addEventListener、attachEvent
摘要:目录: 1.节点的概念 2.节点的属性(nodeType,nodeName,nodeValue) 3.父节点(父元素) 4.获取子节点或子元素 5.获取节点、元素的方法(12行代码) 6.案例:div标签里面的p标签背景高亮(使用子节点或子元素的方式) 7.封装节点兼容代码 8.案例:切换背景图片 阅读全文

posted @ 2020-01-12 23:33 wenbin_ouyang 阅读(2231) 评论(0) 推荐(1) 编辑

js DOM(二)获取元素的方式、innerText、textContent、innerHTML、自定义属性
摘要:目录: 1.案例:阻止超链接默认跳转行为 2.案例:相册 3.案例:列表隔行变色 4.案例:列表鼠标进入高亮显示(鼠标进入和鼠标移出事件) 5.显示和隐藏二维码 6.通过name属性获取元素(表单标签才有那么属性) 7.根据类样式的名字获取元素 8.其他获取元素的方式 9.案例:div的高亮显示(鼠 阅读全文

posted @ 2020-01-12 21:34 wenbin_ouyang 阅读(3268) 评论(0) 推荐(0) 编辑

js DOM(一)注册事件、修改标签属性和样式
摘要:目录: 1.DOM的概念 2.为元素注册事件 3.案例:点击按钮显示图片及设置宽高 4.案例:点击按钮设置p标签的文本内容 5.案例:点击按钮修改超链接的地址及热点文字 6.案例: 点击按钮设置多个p标签内容 7.案例:点击按钮修改图片的alt和title属性 8.案例: 点击按钮修改多个文本框的值 阅读全文

posted @ 2020-01-12 21:09 wenbin_ouyang 阅读(1088) 评论(0) 推荐(0) 编辑

js ECMAscript(二)作用域,预解析,创建对象,内置对象
摘要:目录: 1、作用域 2、预解析 3、创建对象的三种方式 4、访问对象属性和方法的方式 5、json格式的数据及遍历 6、简单类型和复杂类型,参数传递 7、内置对象 8、js的Math对象 9、js的String对象10、js的Araay对象11、js的Date对象 1、作用域 <--返回目录 块级作 阅读全文

posted @ 2020-01-12 01:54 wenbin_ouyang 阅读(169) 评论(0) 推荐(0) 编辑

js ECMAscript(一)变量,类型,运算符,流程控制,数组,函数
摘要:目录: 1、js介绍 2、js的书写位置 3、js代码的注意事项和注释 4、输出消息的几种方式 5、变量 6、数据类型和typeof 7、类型转换 8、运算符 9、流程控制10、数组11、函数12、js的全局函数13、js的函数重载 1、js介绍 <--返回目录 * js是一款运行在客户端的网页编程 阅读全文

posted @ 2020-01-11 15:53 wenbin_ouyang 阅读(210) 评论(0) 推荐(0) 编辑

jquery实现ajax提交表单数据或json数据
摘要:ajax :异步请求,浏览器地址栏不改变,进行局部刷新 1、jQuery 的ajax的方法 - 第一层:$.ajax(...) 最底层ajax请求,编写最复杂,完成功能最全的。 - 第二层:load() 、$.get() 、$.post() 开发中常用3个 - 第三层:$.getJSON() 、$. 阅读全文

posted @ 2019-12-15 15:06 wenbin_ouyang 阅读(1615) 评论(0) 推荐(0) 编辑

z-tree官方提供的下拉菜单案例
摘要:1、z-tree官方提供的下拉菜单案例 <!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - select menu</TITLE> <meta http-equiv="content-type" content="text/html; charset 阅读全文

posted @ 2019-07-21 20:34 wenbin_ouyang 阅读(387) 评论(0) 推荐(0) 编辑

z-tree的使用
摘要:1、参考资料 1)官网:http://www.treejs.cn/v3/api.php 2)z-tree码云:https://gitee.com/zTree/zTree_v3 2、下载解压 案例演示: 案例演示 demo/cn/index.html all.js = core + excheck + 阅读全文

posted @ 2019-07-21 17:10 wenbin_ouyang 阅读(550) 评论(0) 推荐(0) 编辑

springmvc+ajax异步上传图片
摘要:1、javaweb传统的上传图片方式就是通过form表单提交 <form action="#" method="post" enctype="multipart/form-data"> <input type="file" name="file"> <input type="submit" valu 阅读全文

posted @ 2019-05-17 18:01 wenbin_ouyang 阅读(1677) 评论(0) 推荐(0) 编辑

jquery扩展方法、表单数据格式化为json对象、json转url参数
摘要:1、jquery扩展方法(表单数据格式化为json对象) <script type="text/javascript"> // 将表单数据序列化为一个json对象,例如 {"name":"zs", "age":10} // 使用:var jsonObj = $("#formId").serializ 阅读全文

posted @ 2019-05-12 23:51 wenbin_ouyang 阅读(2040) 评论(0) 推荐(0) 编辑

js获取当前时间:封装js的日期时间
摘要:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script src="http:/ 阅读全文

posted @ 2019-04-09 16:26 wenbin_ouyang 阅读(1203) 评论(0) 推荐(0) 编辑

封装jsonp
摘要:1.写一个类封装jsonp: jsonp(url, params, success, funName) 参数url:请求地址 参数params:请求数据,可以是json对象,或形如"name=zs&age=10"的字符串,或null 参数success:jsonp请求成功回调函数 参数funName 阅读全文

posted @ 2019-02-28 22:20 wenbin_ouyang 阅读(350) 评论(0) 推荐(0) 编辑

jsonp解决跨域
摘要:同源策略:浏览器的安全策略,指协议、域名、端口完全相同。同源或不同源指的是两个地址间的关系。 默认,只有同源的地址之间才能相互进行ajax请求。不同源之间的请求称为跨域请求。 jsonp解决跨域:https://bob.ippoli.to/archives/2005/12/05/remote-jso 阅读全文

posted @ 2019-02-28 20:03 wenbin_ouyang 阅读(203) 评论(0) 推荐(0) 编辑

1 2 下一页
点击右上角即可分享
微信分享提示