
jQuery
牛先森家的牛奶
语言只是一门工具
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jQuery的整理
jQuery微整理jQueryjQuery入口函数jQuery中的顶级对象$jQuery对象和原生DOM对象jQuery 对象和 DOM 对象转换jQuery选择器基础选择器层级选择器筛选选择器jQuery设置样式css()设置类样式方法jQuery效果jQuery属性操作jQuery文本属性值jQuery元素操作遍历创建添加删除克隆jQuery 尺寸、位置操作jQuery 尺寸操作jQuery 位置操作jQuery 事件注册jQuery 事件处理事件处理 on() 绑定事件事件处理 off() 解绑事件事原创 2020-10-06 09:43:12 · 989 阅读 · 1 评论 -
jQuery实现todolist
jQuery实现todolistjQuery实现todolistjshtmlcss效果图jQuery实现todolist1、本地存储localStorage2、jQuery实现交互js$(function () { // alert(11); // 1. 按下回车 把完整数据 存储到本地存储里面 // 存储的数据格式 var todolist = [{title: "xxx", done: false}] load(); $("#title").on("keydown", f原创 2020-08-16 09:54:04 · 1345 阅读 · 0 评论 -
jQuery无限加载瀑布流
瀑布流实现需求: 1、ajax请求数据,渲染页面 2、根据高度不同,自动排列位置 (封装位置函数) 3、当滚动页面到最后一张图片之前时,ajax请求加载数据 4、重复 3 操作 滚动页面加载数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini原创 2020-07-29 10:22:51 · 477 阅读 · 0 评论 -
jQuery电梯楼层实现
实现需求: 1、当滚动到一定高度,显示和隐藏右边的floor 2、点击floor 里面的标签 跳到对应显示主页面的内容区域 3、点击floor 让当前的标签的样式改变,比如背景和颜色,其余不变 4、滚动页面时 ,让floor里面的标签和主页面对应区域一致 直接上代码。。。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2020-07-30 11:25:12 · 462 阅读 · 0 评论 -
jQuery懒加载实现和源码
懒加载实现和源码第一种HTML结构EasyLazyload.min.js 文件第二种HTML结构jquery.lazyload.js 文件为什么浏览器需要懒加载 :假设情况 : 页面之中有一千张图片,有一些是在显示区域内的,有一些是在显示区域外的;因为浏览器加载图片是没有先后限制的,统一发起请求,谁先加载完就先渲染谁,资源分配随机, 会导致不好的用户体验。懒加载: 让浏览器把性能放在显示区域内去进行数据的加载。第一种HTML结构基于jQuery实现的懒加载注意:图片的 src 需要修改为原创 2020-07-30 13:10:14 · 1048 阅读 · 0 评论 -
jQuery的each和原生的forEach
1、jQuery 的 each 和 原生的 JavaScript 方法 forEachjQuery 的 each 和 原生的 JavaScript 方法 forEachEcmaScript 5 提供的不兼容 IE 8jQuery 的 each 由 jQuery 这个第三方库提供jQuery 2 以下的版本是兼容 IE 8 的它的 each 方法主要用来遍历 jQuery 实例对象(伪数组)同时它也可以作为低版本浏览器中 forEach 替代品jQuery 的实例对象不能使用 fo原创 2020-08-03 22:36:37 · 391 阅读 · 0 评论 -
基于jQuery的封装函数
封装tab栏切换功能 // 第一种封装: // btns 点击某个选项 // cons 对应的显示内容 // active 点击后的样式 function table(btns, cons, active) { $(btns).click(function () { $(this).addClass(active).siblings().removeClass(active); $(cons).eq($(this).inde原创 2020-08-03 22:34:46 · 1844 阅读 · 0 评论 -
基于jQuery的前后端交互的购物车
购物车基于前后端交互的购物车phphtml和csscar.js问题截图如下基于前后端交互的购物车 分析表的设计: * 用户信息表 userinf * 商品信息表 goodslist * 订单表 ordergoods * 总价表 存总数量和总价:存储打钩准备购买但是没有结算的数据 存到本地 接口分析: * 注册页: * 验证用户名是否存在 select原创 2020-08-03 22:29:46 · 888 阅读 · 0 评论