![](https://img-blog.csdnimg.cn/20201104001254988.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
jQuery 随笔
学习jQuery 由浅至深
不苒
说能做的,做说过的。
展开
-
jQuery插件实现图片墙小案例
你想写出绚丽多彩的图片墙吗?想的话就来一起看一下接下来的内容吧接下来就让我们使用两个简单的插件来实现图片墙小案例吧。编写之前需要提前下载lazyload懒加载插件和masonry瀑布流式布局插件。(百度可以搜到呦!)1、使用的核心方法 a. 懒加载插件 – lazyload()方法 b.瀑布流插件 – masonry()方法2、核心问题必须保证所有图片延迟加载完毕后,才能实现瀑布流效果。解决这个问题可以使用load方法,等懒加载图片加载完毕后,实现瀑布流效果。具体实现代码如下:<原创 2020-11-09 00:25:12 · 1023 阅读 · 0 评论 -
HTML + jQuery 实现轮播图
轮播图案例思路整理:一:HTML页面部分1、首先创建可视窗口添加6张图片,添加CSS样式2、添加左右切换按钮,设置样式3、添加图片导航器,设置样式,添加悬停样式示例代码如下: <style> .container { width: 1226px; height: 460px; position: relative; overflow: hidden;原创 2020-11-07 16:20:17 · 3034 阅读 · 1 评论 -
jQuery基本功能——事件
文章目录事件1、页面加载2、事件绑定(1)单事件绑定(2)多事件绑定(3)事件绑定方法的对比3、事件切换4、事件模拟事件1、页面加载DOM提供了load事件用于叶面积在完毕之后执行机制,jQuery提供了ready()方法实现相似功能。但DOM中的load事件与jQuery中的ready()方法具有以下三种区别:DOM中的load事件:没有任何简写形式当HTML页面加载完毕之后出发load事件一个HTML页面仅允许存在一个load事件jQuery中的ready()方法:具有简原创 2020-11-05 16:18:12 · 333 阅读 · 0 评论 -
jQuery基本功能之DOM操作
文章目录DOM操作1、查找节点2、遍历节点(1)获取父节点(2)获取子节点(3)获取兄弟节点3、创建节点4、插入节点左右移动选项案例5、删除节点6、替换节点7、复制节点8、属性操作9、样式操作10、HTML操作DOM操作1、查找节点查找元素节点查找文本节点—text() 方法获取其文本内容。查找属性节点 — attr()方法获取其属性的值。示例代码如下:<!DOCTYPE html><html lang="en"><head> <原创 2020-11-04 20:11:47 · 833 阅读 · 1 评论 -
初识jQuery
JavaScript类库JavaScript类库简称为JS库,是为了简化JavaScript的开发或者是DOM的操作等。其中一些JS库也会根据特定场景封装一系列的操作,例如日期控件等。JavaScript类库会预定义一系列对象和函数,降低开发人员使用JavaScript的难度,兼容各个刘览器提供简单易用的相应功能。目前,市面上的JavaScript类库数量众多,质量也是参差不齐。一般会选用生命周期比较久的,或者市场占有率较高的JavaScript类库使用。工厂函数jQuery的工厂函数是作为jQu原创 2020-11-04 00:20:01 · 189 阅读 · 0 评论