2016年09月_安静的对折

09月 08月

原创 jQuery动态创建元素以及追加节点

我们知道js中有三种动态创建元素的方法，jQuery中也可以动态的创建元素例如： var str = $("百度"); $("ul").append(str); //将动态创建的str元素追加到ul下面追加节点在js当中追加节点的方法是appendChild(节点元素)和insertBefor(节点元素，位置)，在jQuery中是append 追加在

2016-09-24 22:42:57 20002

原创 jQuery中动画效果

JQuery中动画效果的方法，都有两个参数，时间和回调函数，时间可以是数字，也可以是字符串slow，normal，fast 1、滑入滑出（改变的是高度）slideDown () 使用滑动效果，显示被选的元素。如果元素已经显示，则不产生任何变化，如果有回调函数，则执行回调函数 slideUp () 使用滑动效果，隐藏被选元素。如果元素已经隐藏，则不产生任何变化，如果

2016-09-24 21:07:23 418

原创 jQuery 操作类

addClass() 方法向被选元素添加一个或多个类，该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。removeClass () 方法从被选元素移除一个或多个类。hasClass () 方法检查被选元素是否包含指定的 class。toggleClass () 对设置或移除被选元素的一个或多个类进行切换

2016-09-24 00:21:14 265

原创 jQuery中获取节点

siblings() 相邻的兄弟节点,不包括自己本身next() 下一个兄弟节点parent() 父节点find() 相当于后代选择器 111 span标签 333 444 span标签 //

2016-09-23 23:24:57 785

原创 offset、scroll、client三大家族

1、offset 偏移1、offsetWidth 和 offsetHeight 是用来得到对象的大小，由自身宽高内边距边框构成但是不包括外边距offsetHeight和style.height的区别1>style.height只能获取行内样式，offsetHeight可以获取行内样式和内嵌样式2>style.height是字符串（而且带单位），offs

2016-09-23 00:26:14 8431

原创 JS中动态创建元素的三种方法

1、动态创建元素一 document.write() 例如向页面中输出一个 li 标签 document.write("123");body标签中就会插入但是这种方法几乎不用，因为这回影响页面的布局，甚至会将页面原来的内容冲刷掉，从而只显示输出内容2、动态创建元素二 innerHTML var box = document.getElement

2016-09-19 23:00:00 8565

原创 DOM中的克隆节点

克隆节点cloneNode()克隆节点cloneNode(false)浅拷贝，只拷贝当前标签节点，而不拷贝标签节点中的内容以及子节点，cloneNode(true)深拷贝，标签中的所有内容全部都拷贝 Document 1111 2222 3333 4444 var ul = document.get

2016-09-18 23:23:58 2015

原创 DOM中的第一个和最后一个子节点

firstChild、lastChild 获取第一个、最后一个子节点，谷歌和火狐浏览器获取的是文本节点，而IE8及之前的浏览器会忽略文本节点，获取的是第一个、最后一个子节点firstElementChild、lastElementChild 获取第一个、最后一个子节点，谷歌和火狐浏览器获取的是第一个、最后一个子节点，但是IE8及之前的浏览器不支持使用

2016-09-18 22:49:24 2572

原创 DOM中的兄弟节点

nextSibling、previousSibling 获取下一个、上一个兄弟节点，谷歌火狐浏览器获取的文本节点，而IE8及之前的浏览器会忽略文本节点，获取的是下一个、上一个标签节点 nextElementSibling、previousSibling 获取下一个、上一个兄弟节点，谷歌火狐浏览器获取的是下一个、上一个标签节点，忽略文本节点，但是IE8及之前的浏览器不支持使用

2016-09-18 22:43:45 1826 1

原创 DOM中的节点类型

因为文档对象是由节点组成，而节点又包括：标签节点，属性节点，文本节点，注释节点如何来区别这些节点的类型呢？需要使用nodeType,节点除了有nodeType，还有nodeName，nodeValue先来看下父节点和子节点 parentNode 获取父节点（或者是父元素），节点与元素是等价的 childNodes 是DOM的标准属性，不但可以获取标签

2016-09-18 22:36:16 361

原创 js中DOM的自定义属性

js中DOM的自定义属性方法有：1、设置自定义属性：setAttribute2、获取自定义属性：getAttribute3、移出自定义属性：removeAttribute下面就来看一下它们的具体使用方法 Document //获取对象 var txt = document.getElementById("inp");// c

2016-09-17 23:44:29 7697

原创 demo1-排它思想-tab栏切换

在js中排它思想非常重要，因为在网面中会经常用到这一思想，例如购物网站上的tab栏切换，以及轮播图……因此写一个小demo来看一看排它思想，如下图所示，点击某一个按钮时，当前按钮改变背景颜色，并且其它按钮的背景颜色变成默认颜色，同时下面的div也跟着显示相应的内容。代码： .box { width: 350p

2016-09-17 23:25:55 335

原创 innerText 与 innerHtml的区别（二）

innerText 与 innerHtml不仅在获取元素文本上有区别，而且在设置上同样有区别。1、innerText 在设置HTML标签时，会将 Document var box = document.getElementById("box"); box.innerText = "这是P标签这是P标签这是P标签";

2016-09-17 23:16:00 455

原创 innerText 与 innerHtml的区别（一）

innerText 与 innerHtml 都是打印标签之间的文本信息1、innerText打印标签之间的纯文本信息，会将标签过滤掉，低版本的火狐浏览器不支持，而是支持textContent Document 这是P标签这是P标签这是P标签 var box = docu

2016-09-16 23:33:33 42680 1

原创 js数组的方法

数组就是一个有序的数据集合，可以存放任意类型的数据。创建数组的两种方式：1、通过构造函数创建var arr = new Array();2、通过字面量创建var arr = [];数组的方法// concat 连接多个数组，并返回结果 var a = [1, 2, 3]; var b = [4, 5, 6];

2016-09-13 21:51:03 319

原创 JS中String()与 .toString()的区别

我们知道String()与 .toString()都是可以转换为字符串类型，但是String()与 .toString()的还是有区别的1、.toString()可以将所有的的数据都转换为字符串，但是要排除null和 undefined例如将false转为字符串类型 var str = false.toString(); console.log(str,

2016-09-02 00:00:11 3331

原创 JS中短路运算符&&和||

在JS函数中我们经常会使用到短路运算符，主要是逻辑与（&&）和逻辑或（||）1、逻辑与 && 的运算方式var a = 5 && 6;console.log(a); //返回的结果为 6如果逻辑与运算符左边的值布尔转换后为true，那么返回右边的值（不管右边的值是真还是假）。var a = false && 6;console.log(a); //返

2016-09-01 23:09:40 21609 2