jQuery 随笔
学习jQuery 由浅至深
不苒
说能做的,做说过的。
展开
-
jQuery插件实现图片墙小案例
你想写出绚丽多彩的图片墙吗?想的话就来一起看一下接下来的内容吧 接下来就让我们使用两个简单的插件来实现图片墙小案例吧。编写之前需要提前下载lazyload懒加载插件和masonry瀑布流式布局插件。(百度可以搜到呦!) 1、使用的核心方法 a. 懒加载插件 – lazyload()方法 b.瀑布流插件 – masonry()方法 2、核心问题 必须保证所有图片延迟加载完毕后,才能实现瀑布流效果。 解决这个问题可以使用load方法,等懒加载图片加载完毕后,实现瀑布流效果。 具体实现代码如下: <原创 2020-11-09 00:25:12 · 1039 阅读 · 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 · 3094 阅读 · 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 · 434 阅读 · 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 · 1030 阅读 · 1 评论 -
初识jQuery
JavaScript类库 JavaScript类库简称为JS库,是为了简化JavaScript的开发或者是DOM的操作等。其中一些JS库也会根据特定场景封装一系列的操作,例如日期控件等。 JavaScript类库会预定义一系列对象和函数,降低开发人员使用JavaScript的难度,兼容各个刘览器提供简单易用的相应功能。 目前,市面上的JavaScript类库数量众多,质量也是参差不齐。一般会选用生命周期比较久的,或者市场占有率较高的JavaScript类库使用。 工厂函数 jQuery的工厂函数是作为jQu原创 2020-11-04 00:20:01 · 200 阅读 · 0 评论