自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除