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 · 153 阅读 · 0 评论 -
jQuery 动画
1 基本效果hide() 隐藏show() 显示toggle() 隐藏显示来回切换2 滑动效果3 淡入淡出效果4 自定义动画5 动画设置原创 2020-02-01 12:53:13 · 185 阅读 · 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 · 224 阅读 · 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 · 213 阅读 · 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 · 189 阅读 · 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 · 174 阅读 · 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 · 751 阅读 · 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 · 640 阅读 · 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 · 129 阅读 · 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 · 121 阅读 · 0 评论 -
jQuery 基础
获取jQuery官网下载npm 下载npm install jqueryCDN方式推荐国内的CDNhttps://www.bootcdn.cn/jquery/jQuery版本介绍jquery2.0以上的版本是不兼容IE8及以下浏览器的后缀为.js和.min.js有什么区别？.js是未压缩的开发版本，通常用来学习参考用的，可以研究jQuery的设计模式、思想等。而.min....原创 2020-01-13 08:48:21 · 233 阅读 · 0 评论 -
基于jQuery的微量级表单验证插件
代码仅供学习，主要的地方都写上注释了，写的不好请大佬们指出，谢谢<!DOCTYPE html><html lang="en"><head> <title>微量级验证插件</title> <style type="text/css"> * { margin: 0; ...原创 2019-12-04 10:48:19 · 151 阅读 · 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 · 181 阅读 · 0 评论