jq
很小白的小白
励志成为前端架构师。
展开
-
jq轮播图
第一步:实现无操作的自动轮播 (四张图) function slider() { timer = setTimeout(function () { $('.img-box').animate({ 'left': -(nowIndex * picwidth) + 'px' },function(){ nowIndex++ if (n...原创 2018-07-24 18:22:41 · 1287 阅读 · 0 评论 -
jq轮播图插件
插件实现:(id=swiper名的父级防止相同样式覆盖) 轮播图显示区域作为对象调用插件 ,$('#swiper') 图片路径不相同,图片数量不同arr.length(索引为length-1) 尺寸不同(width,height) 父级不同(wrapper) 立即执行函数 父级容错(没用wrap $.fn.extend({ ...原创 2018-07-25 19:37:33 · 1064 阅读 · 0 评论 -
ajax获取图片数据,实现瀑布流小功能
整体思路: 关键点:ajax获取数据,通过数据创建dom结构。 获取后台图片数据:开启本地服务器Wampserver(已经配置好的)。前端用ajax获取获取图片数据 动态创建DOM结构,然后插入HTML。 需要通过冒泡排序来比对每一个li(图片都放在li里)的高度,以保证每张图能够一次插入最短的li当中; 最后需要实现对scroll事件的监听,当用户浏览至底部时,我们需要加载新的一页的数...原创 2018-08-04 23:25:11 · 1248 阅读 · 0 评论 -
初步了解jq中ajax的方法
ajax: 即“Asynchronous Javascript And XML”(异步传输 JavaScript 和 XML(数据传输格式(常用的是 json))) 是一种用于快速动态创建网页的技术 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部...原创 2018-07-15 22:00:43 · 120 阅读 · 0 评论 -
jq应用
属性 attr 从页面搜索获得元素值,所以页面必须明确定义元素才能获取值,相对来说比较慢(可读可写) $('div').attr('class') 读出div标签的class名) $('div').attr('class=demo') 修改div标签的lacss名(可以设置多个属性名) $('div').attr('data':'nu...原创 2018-07-14 00:52:33 · 280 阅读 · 0 评论 -
jq源码的初步了解
jq整体是一个立即执行函数。 思考问题:如何封闭作用域,如何暴露变量,无new构造,链式调用(关键句:你是我爸爸,我也是你爸爸),公有原型思想 思考问题一:封闭作用域 立即执行函数:通过定义一个匿名函数,创建了一个新的函数作用域,相当于创建了一个“私有”的命名空间,该命名空间的变量和方法,不会破坏污染全局的命名空间。 思考问题二:jq实现变量暴露在全局(例如$.(xxx)) ...原创 2018-07-15 13:32:18 · 467 阅读 · 0 评论 -
初步认识jq
jQuery是一个高效、精简并且功能丰富的 JavaScript 工具库。 它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。 关键词:精简,兼容,实现代码结构简化 为什么要用jq: 简化DOM操作,减少开发中跨浏览器问题, 强大的选择器 (sizzle),无new构造,实现链式调用,可以对外扩展封装自己的插...原创 2018-07-13 15:44:13 · 195 阅读 · 0 评论