DOM和jQuery
关注
分享
扫一扫
痴心的萝卜
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jQuery概述
目录 jQuery 基础 jQuery 选择器 jQuery 属性与样式 jQuery 筛选（过滤、查找、串联） jQuery DOM操作 jQuery 事件处理 jQuery 动画 jQuery 核心 jQuery 插件 什么是jQuery？ jQuery是一个快速、小巧、功能丰富的JavaScript库（JavaScript类库）。它使HTML文档遍历和操作、事件处理、动画、Ajax等操作...原创 2020-02-02 17:01:30 · 170 阅读 · 0 评论 -
jQuery 动画
1 基本效果 hide() 隐藏 show() 显示 toggle() 隐藏显示来回切换 2 滑动效果 3 淡入淡出效果 4 自定义动画 5 动画设置原创 2020-02-01 12:53:13 · 204 阅读 · 0 评论 -
jQuery 放大镜效果
效果图： 代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>放大镜</title> <style> /** {*/ /* margin: 0px;*/ /* padding: 0...原创 2020-01-24 12:21:47 · 253 阅读 · 0 评论 -
jQuery事件处理
1. 事件绑定 on(event,fn) 标准的绑定方式 one(event,fn) 事件只能绑定一次 on({}) 同时绑定多个事件 把事件名作为方法 2. 解除事件绑定 off() ** demo** <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> &l...原创 2020-01-23 14:28:04 · 242 阅读 · 0 评论 -
jQuery 选项卡
效果图 代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>选项卡</title> <style> body { font: 16px "Microsoft YaHei",sans-ser...原创 2020-01-21 12:17:18 · 212 阅读 · 0 评论 -
jQuery DOM操作
1. 创建元素 $("") 2. 内部插入 append() appendTo() prepend() prependTo() demo <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery DOM操作</title&...原创 2020-01-21 11:54:36 · 209 阅读 · 0 评论 -
jQuery 筛选（过滤、查找、串联）
1. 过滤操作 first() last() eq() not() filter() slice() has() demo <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery筛选操作</title> <s...原创 2020-01-16 18:33:03 · 796 阅读 · 0 评论 -
jQuery 菜单收缩展开和手风琴菜单
效果图： 代码： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>菜单收缩展开</title> <style> body { font:16px "Micro...原创 2020-01-15 18:45:55 · 682 阅读 · 1 评论 -
jQuery 属性与样式
jQuery属性操作 1. 属性 attr(attrName [,attrValue]) 操作所有属性（自定义和内置的,中括号为可选内容） prop(attrName [,attrValue]) 操作HTML元素内置属性 removeAttr(attrName) 删除属性 removeProp(attrName) 并不能删除HTML元素上的属性 demo <img style="wi...原创 2020-01-14 13:03:59 · 144 阅读 · 0 评论 -
jQuery选择器
先给个demo，下面给出的jQuery语句请逐行注释看效果 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery选择器 - 选择器</title> <style> ul { ...原创 2020-01-13 12:13:49 · 146 阅读 · 0 评论 -
jQuery 基础
获取jQuery 官网下载 npm 下载 npm install jquery CDN方式 推荐国内的CDN https://www.bootcdn.cn/jquery/ jQuery版本介绍 jquery2.0以上的版本是不兼容IE8及以下浏览器的 后缀为.js和.min.js有什么区别？ .js是未压缩的开发版本，通常用来学习参考用的，可以研究jQuery的设计模式、思想等。 而.min....原创 2020-01-13 08:48:21 · 265 阅读 · 0 评论 -
基于jQuery的微量级表单验证插件
代码仅供学习，主要的地方都写上注释了，写的不好请大佬们指出，谢谢 <!DOCTYPE html> <html lang="en"> <head> <title>微量级验证插件</title> <style type="text/css"> * { margin: 0; ...原创 2019-12-04 10:48:19 · 185 阅读 · 0 评论 -
基于jQuery的图片懒加载插件
代码仅供学习，主要的地方都写上注释了，写的不好请大佬们指出，谢谢 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片懒加载</title> </head> <style type="text/css"...原创 2019-12-04 10:43:48 · 208 阅读 · 0 评论