jQuery
J-April
高度不够,看到都是问题。
展开
-
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与$(document).ready()</h1><img id="logo" sr原创 2021-06-24 19:34:53 · 122 阅读 · 0 评论 -
26_多库共存
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>26_多库共存</title> <style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 100px; height: 10原创 2021-06-24 19:34:12 · 114 阅读 · 0 评论 -
25_扩展插件
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>25_扩展插件</title> <style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 100px; height: 10原创 2021-06-23 14:13:53 · 86 阅读 · 0 评论 -
24_自定义动画
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>24_自定义动画</title> <style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 100px; height: 1原创 2021-06-23 14:12:46 · 56 阅读 · 0 评论 -
23_显示与隐藏
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>23_显示与隐藏</title></head><style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 200px; height: 200原创 2021-06-23 14:11:34 · 59 阅读 · 0 评论 -
22_滑动
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>22_滑动</title></head><style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 200px; height: 200px;原创 2021-06-23 14:10:25 · 66 阅读 · 0 评论 -
21_淡入淡出
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>21_淡入淡出</title></head><style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 200px; height: 200p原创 2021-06-23 14:09:53 · 79 阅读 · 0 评论 -
20_事件委托2
<!DOCTYPE HTML><html><head> <meta charset="UTF-8"> <title>20_事件委托2</title></head><body><ul> <li>1111</li> <li>2222</li> <li>3333</li> <li>4444原创 2021-06-23 11:20:45 · 62 阅读 · 0 评论 -
20_事件委托2
<!DOCTYPE HTML><html><head> <meta charset="UTF-8"> <title>20_事件委托2</title></head><body><ul> <li>1111</li> <li>2222</li> <li>3333</li> <li>4444原创 2021-06-23 11:16:31 · 56 阅读 · 0 评论 -
20_事件委托_引入.html
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>19_事件切换</title></head><style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 200px; height: 200px; top: 50px原创 2021-06-22 20:50:07 · 52 阅读 · 0 评论 -
19_事件切换
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>19_事件切换</title></head><style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 200px; height: 200px; top: 50px原创 2021-06-22 20:22:57 · 52 阅读 · 0 评论 -
18_事件绑定与解绑
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>18_事件绑定与解绑</title></head><style type="text/css"> * { margin: 0px; } .out { position: absolute; width: 200px; height: 20原创 2021-06-22 20:22:12 · 105 阅读 · 0 评论 -
17_文档_增删改
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>17_文档_增删改</title></head><style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 200px; height: 20原创 2021-06-22 20:21:42 · 73 阅读 · 0 评论 -
16_筛选_查找孩子-父母-兄弟标签
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>16_筛选_查找孩子-父母-兄弟标签</title></head><body><div id="div1" class="box" title="one">class为box的div1</div><div id="div2" class="box"&原创 2021-06-22 20:21:13 · 67 阅读 · 0 评论 -
15_筛选_过滤
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>15_筛选_过滤</title></head><body><ul> <li>AAAAA</li> <li title="hello" class="box2">BBBBB</li> <li class=原创 2021-06-22 20:20:39 · 67 阅读 · 0 评论 -
14_元素的尺寸
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>14_元素的尺寸</title></head><style> div { width: 100px; height: 150px; background: red; padding: 10px; border: 10px #fbd850 s原创 2021-06-22 20:20:13 · 60 阅读 · 0 评论 -
13_元素滚动
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>13_元素滚动</title></head><body style="height: 2000px;"><div style="border:1px solid black;width:100px;height:150px;overflow:auto"> This原创 2021-06-22 20:19:36 · 56 阅读 · 0 评论 -
12_offset和position
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>12_offset和position</title></head><style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 200px; h原创 2021-06-22 20:18:57 · 74 阅读 · 0 评论 -
11_css
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>11_css</title></head><body><p style="color: blue;">尚硅谷的后裔</p><p style="color: green;">太阳的后裔</p><!--设置css样式/读取c原创 2021-06-22 20:18:24 · 72 阅读 · 0 评论 -
10_属性
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>10_属性</title></head><body><div id="div1" class="box" title="one">class为box的div1</div><div id="div2" class="box" title="two"&原创 2021-06-21 18:21:10 · 72 阅读 · 0 评论 -
09_$工具方法
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>09_$工具方法</title></head><body><!--1. $.each(): 遍历数组或对象中的数据2. $.trim(): 去除字符串两边的空格3. $.type(obj): 得到数据的类型4. $.isArray(obj): 判断是否是数组5. $原创 2021-06-21 18:20:32 · 55 阅读 · 0 评论 -
08_表单选择器
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>08_表单选择器</title></head><body><form> 用户名: <input type="text"/><br> 密 码: <input type="password"/><br> 爱 好:原创 2021-06-21 18:19:49 · 50 阅读 · 0 评论 -
07_过滤选择器
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>07_过滤选择器</title></head><body><div id="div1" class="box">class为box的div1</div><div id="div2" class="box">class为box的div2&l原创 2021-06-21 18:11:16 · 72 阅读 · 0 评论 -
06_层次选择器
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>06_层次选择器</title></head><body><ul> <li>AAAAA</li> <li class="box">CCCCC</li> <li title="hello"><原创 2021-06-21 18:10:13 · 36 阅读 · 0 评论 -
05_基本选择器
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>05_基本选择器</title></head><body><div id="div1" class="box">div1(class="box")</div><div id="div2" class="box">div2(class="bo原创 2021-06-21 18:09:40 · 34 阅读 · 0 评论 -
04_jQuery对象
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>04_jQuery对象</title></head><body><button>测试一</button><button>测试二</button><button id="btn3">测试三</button>原创 2021-06-21 18:09:00 · 38 阅读 · 0 评论 -
03_jQuery核心函数
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>03_jQuery核心函数</title></head><body><div> <button id="btn">测试</button> <br/> <input type="text" name="msg1"原创 2021-06-20 10:46:25 · 52 阅读 · 0 评论 -
jQuery的二把利器
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>jQuery的二把利器</title></head><body><button>测试</button><!--1. jQuery核心函数 * 简称: jQuery函数($/jQuery) * jQuery库向外直接暴露的就是$/jQuer原创 2021-06-20 10:30:19 · 55 阅读 · 0 评论 -
01_初识jQuery
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>01_初识jQuery</title> <!--使用原生DOM--> <script type="text/javascript"> window.onload = function () { var btn1 = document.getElementB原创 2021-06-20 10:11:52 · 61 阅读 · 0 评论