随笔分类 -  Jquery

1 2 下一页
Jquery 插件封装
摘要：(function($){ if(!$ || !$.prototype.jquery) throw new ReferenceError('must import jquery'); // 向其原型获取方法 $.fn.extend({ zTree(data,callback){ typeof cal 阅读全文
posted @ 2021-08-03 16:44 13522679763-任国强 阅读(50) 评论(0) 推荐(0)
jquery 实现无限极菜单 点开收起
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-08-02 17:08 13522679763-任国强 阅读(182) 评论(0) 推荐(0)
tab 栏切换
摘要： 阅读全文
posted @ 2020-08-25 22:22 13522679763-任国强 阅读(123) 评论(0) 推荐(0)
弹出层制作
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>弹出层制作</ti 阅读全文
posted @ 2020-08-25 22:00 13522679763-任国强 阅读(117) 评论(0) 推荐(0)
todoList 练习
摘要：<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery 练习</title> <link rel="stylesheet" href="index.css"> <style> .todo-main li 阅读全文
posted @ 2020-08-09 20:06 13522679763-任国强 阅读(81) 评论(0) 推荐(0)
window.onload与$(document).ready() 区别
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>window.onload与$(document).ready()</title> </head> <body> <h1>测试window.onload与$(d 阅读全文
posted @ 2020-08-09 17:38 13522679763-任国强 阅读(104) 评论(0) 推荐(0)
多库共存 解决方案
摘要：<script src="js/jquery-1.10.1.js" type="text/javascript" charset="utf-8"></script> <script src="js/myLib.js" type="text/javascript"></script> <script  阅读全文
posted @ 2020-08-09 17:23 13522679763-任国强 阅读(145) 评论(0) 推荐(0)
扩展插件
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> 扩展插件</title> <style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width 阅读全文
posted @ 2020-08-09 17:09 13522679763-任国强 阅读(90) 评论(0) 推荐(0)
jquery 轮播图
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>焦点轮播图</title> <style type="text/css"> /*去除内边距,没有链接下划线*/ * { margin: 0; padding: 0; text-de 阅读全文
posted @ 2020-08-09 16:02 13522679763-任国强 阅读(119) 评论(0) 推荐(0)
自定义动画
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> 自定义动画</title> <style type="text/css"> * { margin: 0px; } .div1 { position: absolute; widt 阅读全文
posted @ 2020-08-09 14:30 13522679763-任国强 阅读(192) 评论(0) 推荐(0)
淡入淡出 滑动 显示与隐藏
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>淡入淡出</title> </head> <style type="text/css"> * { margin: 0px; } .div1 { position: absolute 阅读全文
posted @ 2020-08-09 14:07 13522679763-任国强 阅读(273) 评论(0) 推荐(0)
事件委托 delegate undelegate
摘要：<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title> 事件委托</title> </head> <body> <ul> <li>1111</li> <li>2222</li> <li>3333</li> <li>4444</li> 阅读全文
posted @ 2020-08-09 13:56 13522679763-任国强 阅读(163) 评论(0) 推荐(0)
事件绑定与解绑
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> 事件绑定与解绑</title> </head> <style type="text/css"> * { margin: 0px; } .out { position: absol 阅读全文
posted @ 2020-08-09 13:32 13522679763-任国强 阅读(117) 评论(0) 推荐(0)
全选练习
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" c 阅读全文
posted @ 2020-08-09 11:51 13522679763-任国强 阅读(89) 评论(0) 推荐(0)
jquery 添加删除记录练习
摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text 阅读全文
posted @ 2020-08-09 11:26 13522679763-任国强 阅读(196) 评论(0) 推荐(0)
文档_增删改 * append(content) prepend(content) before(content) after(content) empty() remove()
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文档_增删改</title> </head> <style type="text/css"> * { margin: 0px; } .div1 { position: absolu 阅读全文
posted @ 2020-08-09 10:54 13522679763-任国强 阅读(65) 评论(0) 推荐(0)
筛选_查找孩子-父母-兄弟标签 1. children(): 子标签中找 2. find() : 后代标签中找 3. parent() : 父标签 4. prevAll() : 前面所有的兄弟标签 5. nextAll() : 后面所有的兄弟标签 6. siblings() : 前后所有的兄弟标签
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>筛选_查找孩子-父母-兄弟标签</title> </head> <body> <div id="div1" class="box" title="one">class为box的di 阅读全文
posted @ 2020-08-09 10:32 13522679763-任国强 阅读(226) 评论(0) 推荐(0)
pc 回到顶部
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>回到顶部</title> <style> #to_top { width: 30px; height: 40px; font: 14px/20px arial; text-alig 阅读全文
posted @ 2020-08-09 10:18 13522679763-任国强 阅读(86) 评论(0) 推荐(0)
筛选_过滤 1. first() 2. last() 3. eq(index|-index) 4. filter(selector) 5. not(selector) 6. has(selector)
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>筛选_过滤</title> </head> <body> <ul> <li>AAAAA</li> <li title="hello" class="box2">BBBBB</li> 阅读全文
posted @ 2020-08-09 09:49 13522679763-任国强 阅读(70) 评论(0) 推荐(0)
元素尺寸 height() width() innerHeight( innerWidth() outerHeight(false/true): height+padding+border 如果是true, 加上margin outerWidth(false/true): width+padding+border 如果是true, 加上margin
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>元素尺寸</title> </head> <style> div { width: 100px; height: 150px; background: red; padding:  阅读全文
posted @ 2020-08-09 09:40 13522679763-任国强 阅读(88) 评论(0) 推荐(0)

1 2 下一页