随笔分类 -  jquery

工作中常用的上传头像的控件
摘要：html代码部分 <div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-label">头像</label> <div class="upload"> <span><i class="layu 阅读全文
posted @ 2022-11-18 11:07 moppet蔡蔡 阅读(56) 评论(0) 推荐(0)
【Js】获取地址栏参数（超简单）
摘要：参考网址：https://blog.csdn.net/xiaoxiong_jiaxin/article/details/84317949 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</titl 阅读全文
posted @ 2021-05-08 14:49 moppet蔡蔡 阅读(293) 评论(0) 推荐(0)
百度编辑器（多个）赋值与取值
摘要：最近跟个项目；表单编辑页面是活的；富文本是作为一个变量插入进去的；一个页面可以存在多个富文本，或者只有一个； 赋值取值之路太艰辛了；记录一下 初始化的富文本变量值，变量的代码为（你就别想改它里面的任何东西了；费劲死）： 赋值 因为是作为一个变量插入进去的；所以声明的editor是同一个值都是edit 阅读全文
posted @ 2021-03-03 17:32 moppet蔡蔡 阅读(584) 评论(0) 推荐(0)
jsTree 隐藏父节点的复选框；只留最底一层的复选框
摘要：参考的页面：遍历全树（推荐）；遍历全树；设置图标；设置隐藏 var idList = []; var jsonNodes = $('#tree').jstree(true).get_json('#', { flat: true }); $.each(jsonNodes, function (i, v 阅读全文
posted @ 2020-12-29 17:22 moppet蔡蔡 阅读(1165) 评论(0) 推荐(0)
jsTree自定义contextmenu 的二种方式
摘要：想看完整的可以去这里看： 转载来自：jstree使用小结(二)和 JsTree 最详细教程及完整实例 以下代码我只列出针对于contextmenu里面的设置；其余代码不写了 比如不希望用jstree自身的contextmenu，希望自己定义。则代码如下 第一种方法；直接编写items，改写菜单名称和 阅读全文
posted @ 2020-12-14 10:51 moppet蔡蔡 阅读(1470) 评论(0) 推荐(0)
jstree插件对树操作增删改查的使用
摘要：参考答案网址：（谢谢大家分享） 1.https://blog.csdn.net/qq_27717967/article/details/79167605 有例子；不仅增删改；还有搜索功能（下载的例子一定要放到项目里面；不然数据出不来） 2.https://blog.csdn.net/sinat_25 阅读全文
posted @ 2020-11-24 13:39 moppet蔡蔡 阅读(717) 评论(0) 推荐(0)
jquery点击空白处或者自身隐藏弹出层
摘要：<script type="text/javascript"> $(function () { $('#btnShow').click(function (event) { //取消事件冒泡 event.stopPropagation(); //设置弹出层的位置 var offset = $(eve 阅读全文
posted @ 2020-05-19 13:39 moppet蔡蔡 阅读(731) 评论(0) 推荐(0)
jQuery的on绑定click和直接绑定click区别
摘要：on('click',callback)和click在初始化时的区别 绑定静态元素：元素存在，预解释OK，所以是没啥区别啦； 绑定动态元素：元素不存在，预解释，元素都找不到，咋预解释啊，所以不管是on()还是click()都没有办法； 绑定静态元素实现动态元素的事件绑定：附带测试网址（菜鸟工具）：h 阅读全文
posted @ 2020-05-15 10:10 moppet蔡蔡 阅读(422) 评论(0) 推荐(0)
PC与移动端都可以使用的横向导航，可点击可滑动
摘要：上一下效果： 参数如下： className:'cur', //当前选中点击元素的class类名 clickScrollTime:300, //点击后滑动时间 duibiScreenWidth:0.4, //单位以rem为准，默认为0.4rem fingerClick:0, //目标第0或1个选项触 阅读全文
posted @ 2020-04-26 16:54 moppet蔡蔡 阅读(1130) 评论(0) 推荐(0)
div导航滚动到固定位置，且锚点定位不精准解决办法
摘要：一、首页，设置导航效果： $(function () { //获取要定位元素距离浏览器顶部的距离 let p= $('#zsjz-nav').offset().top; $(window).bind("scroll",function () { //获取滚动条的滑动距离 let scroH = $( 阅读全文
posted @ 2020-03-30 16:11 moppet蔡蔡 阅读(1666) 评论(0) 推荐(0)
jquery插件---slick插件（响应式幻灯片）
摘要：转载来源：http://www.shejidaren.com/slick-slider.html 使用参数：https://blog.csdn.net/cddcj/article/details/52172863 参考此网站 出处：设计达人 随着移动端的普及，为了能让访客方便查看网页内容，网页幻灯片 阅读全文
posted @ 2020-03-12 11:58 moppet蔡蔡 阅读(1114) 评论(0) 推荐(0)
Jquery tabl选项卡
摘要：做网页的过程中，经常需要用到选项卡。 HTML代码： 1 <div class="new_con"> 2 <div class="newtel"> 3 <ul class="new_telst"> 4 <li class="">最新头条</li> 5 <li class="newon">硬件发烧友< 阅读全文
posted @ 2020-03-12 11:51 moppet蔡蔡 阅读(157) 评论(0) 推荐(0)
JQuery中stop方法的使用
摘要：转载来源：https://www.cnblogs.com/goodborder/p/5843050.html 在前台页面开发中有时候我们会需要一些比较酷的效果，这个时候使用JQuery中的动画来实现便显得非常的简单。 最近在工作中碰到了一个页面元素移动的效果，这是个简单的页面效果也非常容易实现。 在 阅读全文
posted @ 2020-03-12 11:45 moppet蔡蔡 阅读(464) 评论(0) 推荐(0)