jquery
¡Venceremo
这个作者很懒,什么都没留下…
展开
-
jQuery学习:文档增加 删除 替换 增删改
append:在每个匹配元素里面的末尾处插入参数内容。empty自身不会删除 只会删除内部的所有的元素。appendTo:或者在内存中创建对象 再传入。prependTo 从内存中添加。替换:replaceAll()remove和自己以前被删除。前面插入:before。后面插入: after。原创 2022-11-11 21:25:51 · 166 阅读 · 0 评论 -
bootstrap学习:less源码分析 容器部分
但是到后面宽度小于1200的适合栅格系统消失 这是lg带来的作用。栅格系统row :bootstrap默认将栅格分成12行。顺序不能换 :媒体查询 从小到大 可以进行覆盖。查看流体容器的样式:相同。原创 2022-11-20 13:07:27 · 167 阅读 · 0 评论 -
jQuery学习:点击元素实现放大镜效果
【代码】jQuery学习:点击元素实现放大镜效果。原创 2022-11-18 19:26:35 · 578 阅读 · 0 评论 -
jQuery学习:点击元素-更换图片的内容
使用拼字符串 更改图片的来源。原创 2022-11-18 12:06:39 · 223 阅读 · 0 评论 -
jQuery学习:点击 切换图片向左向右移动类似
重点部分在于页面到最右边 最左边的判断 --到最左边 左边的点击不能切换 到最右边 右边的点击失效。右边的按钮进行判断 ---进行下一张图片的移动 移动后也需要判断 移动图片。原创 2022-11-18 09:15:27 · 934 阅读 · 0 评论 -
jQuery复习
隐式遍历:一次监听多个读写合一:读数据(读是读第一个数据) 写数据(所有)使用的是一个方法\事件处理\链式调用:\ DOM(CURD)增删改、选择器、读写属性、css模型、筛选模块、文档处理模块、动画模块、时间处理模块、插件机制原创 2022-11-16 21:12:57 · 731 阅读 · 0 评论 -
jQuery学习:地址显示和隐藏-鼠标移入移除
点击显示+鼠标划入监听 点×可以隐藏+鼠标点击监听。+里面实现tab的切换。原创 2022-11-16 20:28:14 · 709 阅读 · 0 评论 -
jQuery学习:显示隐藏 --点击图片显示隐藏
【代码】jQuery学习:显示隐藏 --点击图片显示隐藏。原创 2022-11-16 16:06:08 · 459 阅读 · 0 评论 -
jQuery学习:搜索框功能 进行其他选项的显示
获取焦点+键盘抬起的时候输入框会显示 当输入框失去焦点的时候隐藏。原创 2022-11-16 14:36:25 · 579 阅读 · 0 评论 -
jQuery学习:二级菜单
对子元素进行操作动画变换。原创 2022-11-16 13:30:56 · 342 阅读 · 0 评论 -
jQuery学习:显示隐藏 一级菜单
点击菜单 进行动画显示。原创 2022-11-16 12:48:24 · 272 阅读 · 0 评论 -
jQuery学习:日期控件 layui -laydate
【代码】jQuery学习:日期控件 layui -laydate。原创 2022-11-16 09:29:19 · 724 阅读 · 0 评论 -
jQuery学习:jQuery插件--jQuery UI 用户接口--手风琴样式
2、自动匹配搜索autocomplete。3、 选项卡Tabs选项与内容部分。1、手风琴样式accordion。原创 2022-11-15 20:26:35 · 213 阅读 · 0 评论 -
jQuery学习:jQuery插件--jQuery Validate
声明式验证:只需要i声明各种验证规则,可以自定义验证失败信息。使用菜鸟提供的cdn导入。原创 2022-11-15 16:12:59 · 188 阅读 · 0 评论 -
jQuery学习:jQuery插件机制
.fn.extend()//扩展jQuery对象。$.fn.extend()//扩展jQuery对象。$.extend()//扩展jQuery函数。原创 2022-11-15 14:39:39 · 169 阅读 · 0 评论 -
jQuery学习:onload和read区别(时间早晚 监听个数)
可以监听有多个监听回调(可以多个)只能有一个监听回调(只有一个)3种方式只有onload找到了。页面加载完成后(不管图片)需要清除缓存 再次刷新。原创 2022-11-15 10:01:56 · 251 阅读 · 0 评论 -
jQuery学习:多库共存
如果两个库$,就存在冲突,那么jQuery可以使用jQuery函数--------相当于jQuery库释放$使用权。所以需要释放$的使用权。原创 2022-11-14 22:28:57 · 89 阅读 · 0 评论 -
jQuery学习:导航栏的触碰显示
防止不停切换 干掉其他排队的 添加了stop。原创 2022-11-14 22:08:56 · 141 阅读 · 0 评论 -
jQuery学习:自定义动画animate
移动指定的距离animate。返回的是jQuery对象。原创 2022-11-14 19:05:41 · 312 阅读 · 0 评论 -
jQuery学习:内置动画 淡出/淡入 展开/收缩 显示/隐藏
fadeOut():慢慢淡出 改变透明度 opcity 1--0 然后显示display:none。fadeIn:淡入 display 0 --1 display block。速度的取值:slow normal fast 1000ms 取值。显示隐藏:默认没有动画--------这三个属性是东湖。toggle:(不)带动画的切换显示/隐藏。慢慢展开:slideDown 向下展开。show():(不)带动画的显示。hide():(不)带动画的隐藏。改变的有透明度 宽 高 --fadeOut(速度,)原创 2022-11-14 18:23:36 · 1018 阅读 · 0 评论 -
jQuery学习:点击翻页 bug 快速点击出现的问题
设置一个对于翻页的控制。原创 2022-11-14 15:47:40 · 112 阅读 · 0 评论 -
jQuery学习:点击进行翻页
加上 一个翻页为数值的判断 获取点击的是哪个元素。原创 2022-11-14 15:20:57 · 625 阅读 · 0 评论 -
jQuery学习:页面翻页 与链接点实现同步 自动的时候
【代码】jQuery学习:页面翻页 与链接点实现同步 自动的时候。加上索引原创 2022-11-14 15:01:33 · 94 阅读 · 0 评论 -
jQuery学习:定时翻页+自动翻页+鼠标放的时候不翻页
每隔3秒下一页:自动进行 实际上只需要定时调用反转下一页就可以。原创 2022-11-14 13:08:30 · 215 阅读 · 0 评论 -
jQuery学习:点击切换的时候 (循环点击播放)第一个点击-变为最后一个
实现主要思路:到最右边的时候 转去第一张。最左边 转到最后一张。原创 2022-11-14 12:59:35 · 193 阅读 · 0 评论 -
jQuery学习:平滑翻页(自动部分 点击切换页面)
中间还存在些许问题 再后面会有改进 目前的效果和预想的一致。原创 2022-11-14 10:58:03 · 553 阅读 · 0 评论 -
jQuery复习:几个模块
常用事件名:click mouseenter mouseleave mouseover mouserout focus /blur。根据选择器:filter、not 对当前元素要求。阻止事件默认行为event.preventDefault()append appendTo//插入后部。停止事件冒泡event.stopPropagation()好处:新增元素没有监听 减少监听数量 只需要1次。before:插入前面。after:插入后面。子元素事件委托给父元素。事件坐标:event事件对象。原创 2022-11-13 21:13:13 · 258 阅读 · 0 评论 -
事件委托:增加删除记录--事件委托
父辈元素不直接处理使劲按 是通过发生事件的子元素操作回调函数。操作子元素,事件冒泡到父元素。监听增加的对象:父元素。原创 2022-11-13 20:21:07 · 87 阅读 · 0 评论 -
jQuery学习:事件委托--新添加的元素没有监听
将多个子元素li的事件监听委托给父辈元素ul处理监听回调函数是加在父辈元素上父元素.delegate(子元素 事件名 回调函数) this是发生事件的子元素 移除事件的委托:父元素.undelegate(事件)原创 2022-11-13 20:07:37 · 425 阅读 · 1 评论 -
jQuery学习:mouseenter与mouseover区别
hover使用的是mouseenter与mouseleave。mouseenter:只有移入当前元素才会触发,对应mouseleave。mouseover:在移入子元素时也会触发,对应mouseout。在进入子元素的时候 也会使得出现进入 离开的触发。原创 2022-11-13 19:29:10 · 191 阅读 · 0 评论 -
jQuery学习:事件处理(绑定事件 解绑事件 事件委派/委托))
event.clientX event.clientY --相对于视口的左上角--也就是打开窗口的界面。event.offsetX event.offsetY--相对于事件元素的左上角。鼠标移入移出的方法mouseenter鼠标移入--mouseleave鼠标移除。event.pageX event.pageY--相对于页面的左上角。事件相关处理阻止事件冒泡:event.stopPropagation()绑定点击事件的两种方式 on(事件,回调函数) click。得到事件的坐标-首先是事件对象。原创 2022-11-13 16:56:45 · 623 阅读 · 0 评论 -
jQuery学习:添加删除记录练习
删除记录使用——超链接有一个默认行为 return false取消。对于表单数据可以使用:val("值“)进行数据操作。//需要给新增加的添加新的监听。find查找后代元素。原创 2022-11-12 20:08:14 · 186 阅读 · 0 评论 -
jQuery学习:练习 爱好选择器 表单
每一个按钮都有控制状态 复选框的操作。原创 2022-11-11 20:15:24 · 147 阅读 · 0 评论 -
jQuery学习:jQuery对象的查找--非自己 是兄弟父子
查找孩子 兄第 就是不查找自己 否则就是过滤。prevAll():前面所有同辈元素。siblings()查找所有兄弟元素。children():查找子元素。parent():查找父标签。prev():前面的一个标签。find():查找后代元素。原创 2022-11-11 19:17:46 · 384 阅读 · 0 评论 -
jQuery学习:jQuery对象的过滤
filter():过滤出具体属性的 ul下li标签中title属性为hello的。过滤 是过滤其中的某一个 在原来的基础上 返回的是jQuery可以操作方法。选择需要的标签 选择的是在原来基础上的。查找是查找其中的子孙后代、兄弟姐妹。使用交集选择器选择需要的元素。.first() 第一个元素。.last() 最后一个元素。.eq(数字)任意一个元素。not():不想要的条件。原创 2022-11-11 15:52:42 · 236 阅读 · 0 评论 -
jQuery学习:元素的尺寸
内容尺寸:width():widthheight():height内部尺寸:innerHeight():height+paddinginnerWidth:width+padding外部尺寸:outerHeight():height+padding+borderouterWidth()::height+padding+border//还可以传递布尔值outerHeight(true):height+padding+border+marginouterWidth(tr原创 2022-11-11 15:11:56 · 87 阅读 · 0 评论 -
jQuery学习:回到页面顶部 scrollTop的学习
【代码】jQuery学习:回到页面顶部 scrollTop的学习。原创 2022-11-11 14:48:31 · 283 阅读 · 0 评论 -
jQuery学习:scroll滚动 垂直滚动scrollTop 水平滚动scrollLeft
在其他浏览器使用的是body在chrome是html。读取页面滚动条的y坐标(兼容 IE chrome)scrollTop():读取/设置y坐标的位置。原创 2022-11-11 12:35:10 · 709 阅读 · 0 评论 -
jQuery学习:offeset position 位置
返回的对象包含两个整数属性;top 和left 此方法只对可见元素有效。offeset :获取匹配元素在当前视口的相对偏移 相对页面左上角的坐标。offeset :还可以设置位置的偏移。position :相对父元素左上角的坐标。原创 2022-11-11 09:13:25 · 155 阅读 · 0 评论 -
jQuery总结
读写合一:读数据 写数据使用的是一个方法。DOM(CURD)增删改、隐式遍历:一次监听多个。选择器:是有特定语法规则的字符串,用来查找某个 些DOM元素。如何使用:引入库(本地 cdn远程引入) 是有$核心函数。为什么使用:强大的选择器:方便快速查找DOM元素。jQuery:是一个js函数库,口号写少 做多。封装简化DOM操作(增删改查)/ajax。两个利器 jQuery函数 jQuery对象。原创 2022-11-10 20:39:31 · 301 阅读 · 0 评论