前端
关注
分享
扫一扫
♕时光以北暮南城
这个作者很懒，什么都没留下…
展开
-
函数
<!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 · 163 阅读 · 0 评论 -
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 · 225 阅读 · 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 · 184 阅读 · 0 评论 -
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 · 163 阅读 · 0 评论 -
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 · 321 阅读 · 0 评论 -
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 · 976 阅读 · 0 评论 -
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 · 498 阅读 · 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 · 391 阅读 · 0 评论 -
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 · 267 阅读 · 0 评论 -
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 · 617 阅读 · 0 评论 -
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 · 2501 阅读 · 0 评论 -
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 · 142 阅读 · 0 评论 -
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 · 198 阅读 · 0 评论 -
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 · 197 阅读 · 0 评论 -
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 · 263 阅读 · 0 评论 -
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 · 163 阅读 · 0 评论 -
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 · 200 阅读 · 0 评论 -
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 · 168 阅读 · 0 评论 -
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 · 553 阅读 · 0 评论 -
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 · 1137 阅读 · 0 评论 -
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 · 103 阅读 · 0 评论 -
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 · 338 阅读 · 0 评论 -
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 · 224 阅读 · 0 评论 -
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 · 692 阅读 · 0 评论 -
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 · 322 阅读 · 0 评论 -
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 · 173 阅读 · 0 评论 -
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 · 327 阅读 · 0 评论 -
jQuery的属性与样式笔记
一、.attr()与.removeAttr()attr()有4个表达式attr(传入属性名)：获取属性的值attr(属性名, 属性值)：设置属性的值attr(属性名,函数值)：设置属性的函数值attr(attributes)：给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … }二、removeAttr()删除方法.removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性（attribute）三、.原创 2020-05-26 10:53:24 · 139 阅读 · 0 评论 -
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 · 146 阅读 · 0 评论 -
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 · 113 阅读 · 0 评论 -
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 · 182 阅读 · 0 评论 -
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 · 285 阅读 · 0 评论 -
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 · 302 阅读 · 0 评论 -
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 · 215 阅读 · 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 · 91 阅读 · 0 评论 -
jq选择器笔记
一、基本选择器：$("#id") id选择器 一个用来查找的ID，即元素的id属性$("#iclass") 类选择器 类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选$( “element” ) 元素选择器 搜索指定元素标签名的所有节点，这个是一个合集的操作。$( "" ) 全选选择器 通配符意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素$(‘div > p’) 子选择器 选择所指定div下指定的直接子元素p原创 2020-05-25 09:07:00 · 375 阅读 · 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 · 309 阅读 · 0 评论 -
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 · 176 阅读 · 0 评论 -
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 · 125 阅读 · 0 评论 -
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 · 179 阅读 · 1 评论