♕时光以北暮南城-CSDN博客

原创函数

<!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 339

原创 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 2460

原创 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 172

原创 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 505

原创 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 1081

原创 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 87

原创 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 196

原创 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 279

原创 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

一、.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 122

原创 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 156

原创 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 257

原创 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 283

原创 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 119 1

空空如也

空空如也