- 博客(44)
- 收藏
- 关注
原创 函数
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script src="jquery-1.10.2.min.js"></script><script type="text/javascript">$(document).ready(function(e) { /*typeof 可以用来检测给定变
2020-06-03 22:12:56
136
原创 echart 饼图
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><style>body,html{ width:100%;height:100%; //必须设置宽度和高度}</style><script src="./js/jquery-1.10.2.min.js"></s
2020-06-02 22:29:43
168
1
原创 echart 柱形图
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>echart</title> <style> body,html{ width:100%; height:100%; } </style> <sc
2020-06-02 22:20:22
144
原创 jQuery事件对象的作用
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> .left div, .right div { width: 500px; height: 100px;
2020-05-31 16:31:48
136
原创 jq 卸载事件off()方法
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script src="../jquery-1.10.2.min.js"></script><script type="text/javascript">//通过.on()绑定的事件处理程序//通过off() 方法移除该绑定 $(document
2020-05-31 16:02:49
276
原创 on()的用法
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style> #aa{ height:50px; width:100px; background-color:#3FF; }</style><script src="../jquery-1.10.2.min.js"></scr
2020-05-31 15:03:21
920
原创 jQuery键盘事件keydown()、keyup()与keypress()事件
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script src="../jquery-1.10.2.min.js"></script><script type="text/javascript"> $(document).ready(function() { $("#qq")
2020-05-31 10:33:07
429
1
原创 jQuery表单事件submit事件
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script src="../jquery-1.10.2.min.js"></script><script type="text/javascript"> $(document).ready(function() { $("#aa")
2020-05-31 09:07:37
338
原创 jQuery表单事件select事件
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> </style> <script src="../jquery-1.10.2.min.js"></
2020-05-30 23:44:35
249
原创 jQuery表单事件change事件
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> </style> <script src="../jquery-1.10.2.min.js"></
2020-05-30 22:47:34
561
原创 jq mousedown和mouseup
<!DOCTYPE html><html><head><meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script>//当鼠标指针移动到元素上方,并按下鼠标左键时,会发生 mousedown 事件。
2020-05-30 10:01:08
2457
原创 jQuery遍历each()
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
2020-05-27 21:33:02
98
原创 jQuery遍历siblings()
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
2020-05-27 13:28:45
165
原创 jQuery遍历prev()方法
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
2020-05-27 12:58:25
171
原创 jQuery遍历next()方法
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
2020-05-27 12:29:31
220
原创 jQuery遍历closest()方法
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
2020-05-27 10:12:09
137
原创 jQuery遍历parents()方法
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
2020-05-27 08:51:56
155
原创 jQuery遍历parent()方法
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
2020-05-26 23:50:57
126
原创 jQuery遍历find()方法
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
2020-05-26 23:04:50
503
原创 jQuery遍历children()方法
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
2020-05-26 22:28:59
1080
原创 DOM节点的插入的解释
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>元素追加</title> <script src="jquery-1.10.2.min.js"></script> </head><body><div id="test" style="border: 1px solid r
2020-05-26 21:29:41
86
原创 DOM节点删除detach()和remove()区别
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javasc
2020-05-26 21:25:18
290
原创 DOM节点删除之empty和remove区别
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
2020-05-26 16:22:46
195
原创 DOM节点删除remove()的有参用法和无参用法
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
2020-05-26 16:02:18
658
原创 DOM节点删除 empty()的基本用法
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
2020-05-26 15:32:49
278
原创 DOM外部插入after()与before()
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
2020-05-26 14:48:03
134
原创 DOM内部插入append()与appendTo()
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
2020-05-26 13:51:23
283
原创 jQuery的属性与样式笔记
一、.attr()与.removeAttr()attr()有4个表达式attr(传入属性名):获取属性的值attr(属性名, 属性值):设置属性的值attr(属性名,函数值):设置属性的函数值attr(attributes):给指定元素设置多个属性值,即:{属性名一: “属性值一” , 属性名二: “属性值二” , … … }二、removeAttr()删除方法.removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性(attribute)三、.
2020-05-26 10:53:24
100
原创 jquery 元素的数据存储
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/java
2020-05-26 10:21:42
121
原创 jQuery节点创建与属性的处理
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> .bb{ width:150px; height:150px; margin:10px; background-color:r
2020-05-26 09:29:01
89
原创 JavaScript DOM创建节点及节点属性
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script src="../jquery-1.10.2.min.js"></script><script type="text/javascript">$(document).ready(function() { var body=docu
2020-05-26 09:13:30
155
原创 jq 样式操作.css()
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title></title><script src="../jquery-1.10.2.min.js"></script><script type="text/javascript">//.css()可以设置样式,可同时设置多个$(document).ready(function()
2020-05-25 16:44:36
256
原创 jq 切换样式toggleclass()
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title></title><script src="../jquery-1.10.2.min.js"></script><script type="text/javascript">$(document).ready(function() { $("div:first").to
2020-05-25 14:22:05
282
原创 jq addclss和removeclass
<html><head><meta charset="utf-8"><title>无标题文档</title><script src="../jquery-1.10.2.min.js"></script><script type="text/javascript">$(document).ready(function() { $("div").addClass("bb");//给div多加一个类
2020-05-25 13:14:50
158
1
原创 jQuery html()及.text()
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script src="../jquery-1.10.2.min.js"></script><script type="text/javascript">$(document).ready(function() { $('p:first').
2020-05-25 10:18:33
70
原创 jq选择器笔记
一、基本选择器:$("#id") id选择器 一个用来查找的ID,即元素的id属性$("#iclass") 类选择器 类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选$( “element” ) 元素选择器 搜索指定元素标签名的所有节点,这个是一个合集的操作。$( "" ) 全选选择器 通配符意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素$(‘div > p’) 子选择器 选择所指定div下指定的直接子元素p
2020-05-25 09:07:00
307
1
原创 jq属性筛选选择器
<!DOCTYPE html><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script src="jquery-1.10.2.min.js"></script><script>$(document).ready(function(){ //查找所有div中,属性name=p1
2020-05-24 22:41:40
267
原创 jQuery特殊选择器this
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>jQuery特殊选择器this</title> <script src="jquery-1.10.2.min.js"></script></head><bod
2020-05-24 21:54:04
138
原创 jQuery表单对象属性筛选选择器
<!doctype html><html><head><meta charset="utf-8"><title>jQuery表单对象属性筛选选择器</title><script src="../jquery/jq/jq5.3.1.js"></script><script type="text/javascript">$(document).ready(function(){ $("in
2020-05-24 21:37:25
105
原创 jq表单元素选择器
<!doctype html><html><head><meta charset="utf-8"><title>表单元素选择器</title><script src="../jquery/jq/jq5.3.1.js"></script><script type="text/javascript">$(document).ready(function(){ $(":input").css
2020-05-24 20:54:38
118
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人