2018年12月_MY128

原创 javascript关于var与let[0701]

javascript关于var与let[0701] 一、开解：这两个东西一直困惑了许多人，这里我简单讲解一下它们之间的区别。1、作用域不同，var是函数级作用域，let是块级作用域。2、var可重复声明，let不能重复声明，var在重复声明后会被提升。我们通过实例来了解一下它们之间的区别。二、实例：//////////////////////////////////////...

2018-12-30 10:26:34 253

原创 Class相关基础示例[1002]

Class相关基础示例[1002] 一、开解：我们先看一下运行效果。这里注意一下，第三个按钮是切换按钮，样式有则删除，无则添加。二、实例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Docume

2018-12-28 20:34:27 504

原创 Javascript和jquery基础示例[1001]

Javascript和jquery基础示例[1001]一、开解：我们先看一下最终效果的视频。二、实例：<!DOCTYPE html><html><head><metacharset="UTF-8"><title>方块网页</title><scriptsrc="ht

2018-12-27 23:21:38 493

原创 jQuery的html()和text()[0504]

jQuery的html()和text()[0504] 一、开解：把设置和返回拆开来理解，应该是四种。1、html()是设置或返回html2、text()是设置或返回文本二、实例：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>D...

2018-12-26 22:30:06 864

原创 Javascript单击click的三种写法[0404]

Javascript单击click的三种写法[0404] 一、开解：下面是三种button点击的方法。1、 btn.onclick=function(){}2、 btn.addEventListener('click',function(){})3、 functionbtclick(){} 前提是标签里有onclick="btclick()"二、实例：<!...

2018-12-26 16:55:15 2314

原创 Javascript在样式的相关操作[0601]

Javascript在样式的相关操作[0601] 一、开解：classList下的方法，node指的是节点，括号内填的是样式名。1、 node.classList.add()//添加css2、 node.classList.remove()//删除css3、 node.classist.toggle()//切换css4、 node.cl...

2018-12-26 09:29:09 350

原创 jQuery样式相关的操作[0503]

jQuery样式相关的操作[0503] 一、开解：1、 alert($('.hz').attr('class'));//获取样式2、 $('.hz').attr('class','hz2');//设置样式（原来的$('.hz')因样式变化而失效)3、 $('.hz').addClass('hz3');//追加样式4、 $('.hz').removeCla...

2018-12-25 16:11:10 218

原创 jQuery创建和插入节点[0502]

jQuery创建和插入节点[0502] 一、开解：在[0501]的时候，我们讲了jQuery查找节点，本文我们讲一下如何创建和插入节点。<body> <div class="hz1"></div> <div class="hz2"></div></body&amp

2018-12-24 22:24:03 3511

原创 jQuery怎么查找节点[0501]

jQuery怎么查找节点[0501] 一、开解： jQuery大大的简化了javascript，本文就来对比一下在查找节点，jQuery是如何简化的。 var mdh = document.querySelector('.dh3'); var $dh = $('.dh3');看吧，第一句是原生的javascript，第二句是jQuery语句。更...

2018-12-23 22:47:20 410

原创什么是jQuery[0002]

什么是jQuery[0002] 一、开解： jQuery怎么读，杰块瑞。通过三点了解它是什么：它是一个功能强大的javascript类库。它极大简化了javascript编程。它很容易学习。它有五大特点：便捷的操作DOM元素。控制网页样式。网页中的事件处理。大量插件在网页中可运用。与AJAX完美的结合。我们怎么去用jQu...

2018-12-23 10:10:56 267

原创 Javacript中父节点、子节点、兄节点的简单用法[0306]

Javacript中父节点、子节点、兄节点的简单用法[0306] 一、开解：本文主要讲父子兄节点的简单用法，至于怎么取得节点，可以参考文[0301]和[0302]，视情况而定，有时候我们分别会用到父节点、子节点、或是兄节点，这里我简单列举一下。 var mchs = mdh.childNodes;//返回全部子节点 var mph = mdh.pare...

2018-12-22 21:32:32 409

原创 Javacript中parentElement和parentNode的简单用法[0303]

Javacript中parentElement和parentNode的简单用法[0303] 一、开解：本文主要讲的是parentElement和parentNode用法，先说说他们的区别吧，如果不在意的话，他们没区别，作用是一样的，非要去区别的话，那就是parentNode这样可以多浏览器兼容，parentElement可能只有IE能用。它们的作用就是返回当前节点的父节点...

2018-12-22 17:45:13 1191

原创 Javacript中innerHTML的简单用法[0305]

Javacript中innerHTML的简单用法[0305]一、开解：本文主要讲的是innerHTML用法，innerHTML方法是双向的，它的作用是取得元素内的html内容，同时它又可以往元素内添加html内容。 document.querySelector('.dhz').innerHTML; document.querySele...

2018-12-22 13:15:27 779

原创 Javacript中insertAdjacentHTML 的简单用法[0304]

Javacript中insertAdjacentHTML 的简单用法[0304]一、开解：本文主要讲的是insertAdjacentHTML用法，insertAdjacentHTML很简单，其实它的作用就是添加html。它有四个参数可用：1.beforeBegin: 插入到标签开始前2.afterBegin:插入到标签开始标记之后3.before...

2018-12-22 12:40:22 296

原创 javascript箭头函数把函数给简写了[0403]

箭头函数把函数给简写了[0403] 我不是很喜欢箭头函数，总觉得它让原本就不那么严谨的js更加不严谨了，所以有时候看js程序也是一件很头痛的事情，不过在ES6中加入了这么一个新的方法，已然是既定事实，我们所要做的就只能去接纳它，说不定它还真有自己的闪光点。我在[0401]的文章里总结了三种js函数的写法，如果箭头函数算是新的写法的话，那么这里就再增加两种吧，废话少...

2018-12-21 10:33:15 2446 3

原创 javascript函数的三种写法

在JS中函数的三种写法 [0401]在js中函数有三种写法，这里我简单列举一下。第一种：第二种：第三种：对于以上三种函数的调用方法，这里可以简单的理解一下，第一种是最常见的函数写法，第三种是一个匿名函数，它只有地址，没有名字。第二种是一个表达式，等式的右边是匿名函数，左边是名字，它可以简单理解为给匿名函数起名字，这样子，匿名函数就有名字了。更多内容请关注我们的公...

2018-12-20 10:08:00 1550

原创 DOM常用的获取对象元素的方法[0302]。

在DOM，常用的获取对象元素的方法[0302]。在上一文[0301]中，我们通过getElementById方法来获取对象元素，让js可以调用实现网页中的<button>标签，实现按钮点击后的功能。可是在正常的网页设计中，各种标签纷繁复杂，什么标签都有可能要在js中调用操作，比如<input><div>……等等，单单一个get...

2018-12-19 09:50:58 799

原创关于什么是DOM_0101？

什么是DOM？好吧，DOM是文档对象模型Document Object Model。怎么去理解这个意思，在先前我写的一篇文章《什么是前端开发?_0001》有提到过，前端开发其实就是网页开发，它主要包含HTML+CSS，javascript。为什么很明显的把它们用逗号分开呢，js和html之间虽然可以相容，但它们之间要发生关系，还是需要调用一些机制，于是DO...

2018-12-18 09:00:25 331

MY128的博客