2015年06月_可鱼

转载 HTML DOM innerHTML和write的区别

DOM的innerHTML是DOM元素对象的一个属性而write是document对象的一个方法document.write是直接写入到页面的内容流，如果在写之前没有调用document.open, 浏览器会自动调用open。每次写完关闭之后重新调用该函数，会导致页面被重写。innerHTML则是DOM页面元素的一个属性，代表该元素的html内容。你可以精确到某一个具体的元素来进行更改。如果想修

2015-06-30 12:40:22 473

转载 HTML在IE中的条件注释

HTML的条件注释在IE5中被首次引入，直到IE9.一直都是简单地判定用户浏览器（IE，非IE，IE版本）的一种手段，而在IE10的标准模式下，条件注释功能被停止支持（兼容性视图下继续有效）！本来一种用来判定用户使用浏览器版本的方法IE10以后反而要依赖于用户所使用的工作模式，缺点被扩大了许多，还在使用这个东东的同学赶紧去改了它吧。。。 IE条件注释是一种特殊的HTML注释

2015-06-30 11:29:08 397

转载 Bootstrap之所以广泛流传的11大原因

前言　　当下最流行的前端开发框架Bootstrap，可大大简化网站开发过程，从而深受广大开发者的喜欢。本文总结了Bootstrap之所以广泛流传的11大原因。如果你还没有使用Twitter Bootstrap，建议你去了解一下。我也是最近才有所发现的，不过有更好的消息，在微软发布的VS2013正式版中，也已经将BootStrap3.0的版本加入了额，连微软都看到bootStrap的强大，而

2015-06-30 11:07:50 729

转载 SASS用法指南

学过CSS的人都知道，它不是一种编程语言。你可以用它开发网页样式，但是没法用它编程。也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。很自然地，有人就开始为CSS加入编程元素，这被叫做"CSS预处理器"（css preprocessor）。它的基本思想是，用一种专

2015-06-30 10:38:42 394

转载 LESS CSS 框架简介

简介CSS（层叠样式表）是一门历史悠久的标记性语言，同 HTML 一道，被广泛应用于万维网（World Wide Web）中。HTML 主要负责文档结构的定义，CSS 负责文档表现形式或样式的定义。作为一门标记性语言，CSS 的语法相对简单，对使用者的要求较低，但同时也带来一些问题：CSS 需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，

2015-06-30 10:14:55 302

转载详解js闭包

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。闭包的特性闭包有三个特性：1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收闭包的定义及其优缺点闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访

2015-06-24 22:31:55 330

转载 display:inline-block引发的间隙思考

一、导火线没错，总有一类属性在助你轻松寻得捷径的同时，也可为你增添烦劳，比如本文的主谋display:inline-block。众前端们所诸知，其作用是将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。然而不幸的是，它并没有得到所有浏览器的支持，比如ie6、7和古老一点的firefox完全无视它，由于firefox的老版本几乎已经从市场中消失，

2015-06-23 13:31:43 398

转载 nodeName、nodeValue 以及 nodeType

nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。(一)nodeName 属性含有某个节点的名称。元素节点的 nodeName 是标签名称属性节点的 nodeName 是属性名称文本节点的 nodeName 永远是 #text文档节点的 nodeName 永远是 #document注释：nodeName

2015-06-18 12:32:24 448

原创 CSS清浮动处理（Clear与BFC）

在CSS布局中float属性经常会被用到，但使用float属性后会使其在普通流中脱离父容器，让人很苦恼1 浮动带来布局的便利，却也带来了新问题 1 doctype html> 2 html lang="en"> 3 head> 4 meta charset="UTF-8"> 5 title>Clear floattitle> 6 style t

2015-06-15 15:42:07 375

转载 Javascript 检测键盘按键信息及键码值对应介绍

Javascript中有3个事件句柄在对应键盘的输入状态：keydown、keypress和keyup。分别对应的意思是：按键被按下（按下按键但还没有抬起）、点击按键（按下并抬起按键）、按键抬起（按键抬起之后）按键的分类按键可以分为“实键”和“虚键” 实键可以理解为我们能够看到并打印出来的按键，如字母“A”、数字“1”、字符“?”等等虚键就是那些无法打印出来起到控制作用

2015-06-15 15:28:52 538

原创 jquery禁用右键、文本选择功能、复制按键的实现

//禁用右键、文本选择功能、复制按键 $(document).bind("contextmenu",function(){return false;}); $(document).bind("selectstart",function(){return false;}); $(document).keydown(function(){return ke

2015-06-15 15:26:19 486

转载 jquery判断元素是否有某个属性

在JQuery编码中,我们会判断元素是否存在某个属性.比如是否包含 class="new" 的样式呢.JQuery判断就非常简单了,因为有 hasClass这个方法 $("input[name=new]").hasClass("new") 即可判断.但是有时候我们需要判断别的属性,比如有的 a 链接包含 rel 属性,有的没有rel属性.这时该怎么判断呢?这时就没有现成的方法了. 如果存在某个

2015-06-15 14:56:22 5567 1

转载 jquery parent() parents() closest()区别

parent是找当前元素的第一个父节点，不管匹不匹配都不继续往下找parents是找当前元素的所有父节点 closest() 是找当前元素的所有父节点，直到找到第一个匹配的父节点parent()、parents()与closest()方法两两之间有类似又有不同，本篇简短的区分一下这三个方法。通过本篇内容，大家将会在以后使用.parent()、parents()和clo

2015-06-15 14:42:34 268

转载 jQuery 事件 - change() 方法

定义和用法当元素的值发生改变时，会发生 change 事件。该事件仅适用于文本域（text field），以及 textarea 和 select 元素。change() 函数触发 change 事件，或规定当发生 change 事件时运行的函数。注释：当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text

2015-06-15 14:20:08 595

转载 jquery中prop()方法和attr()方法的区别

官方例举的例子感觉和attr()差不多，也不知道有什么区别，既然有了prop()这个新方法，不可能没用吧，那什么时候该用attr()，什么时候该用prop()呢jquery1.6中新加了一个方法prop()，一直没用过它，官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled

2015-06-15 12:46:34 252

转载 jQuery中trigger()的使用方法

trigger() 触发事件触发事件就是类似于点击click, mouseover, keydown 等有动作的js事件，简单的说就是一个动作，可能有人会问，那show, hide 是不是? 不是为什么要用 trigger() ？比如：你给一个按钮添加了一个click点击事件，弹出提示框，代码如下。var div = $(“#mybutton”); //你的按钮。

2015-06-14 21:09:29 788

转载浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式

前言　　因为项目中经常会有利用jquery操作dom元素的增删操作，所以会涉及到dom元素的绑定事件方式，简单的归纳一下bind,live,delegate,on的区别，以便以后查阅，也希望该文章日后能帮助到园友，文中如有不当之处，还望各位指正，话不多说，直接进入正题。bind()简要描述　　bind()向匹配元素添加一个或多个事件处理器。使用方式　

2015-06-14 00:26:14 361

转载事件绑定on()、bind()与delegate() 方法详解

啃了一段日子的js相关了，学的过程中发现在jQuery中绑定事件时，有人用bind()，有人用on()，有人用delegate()，还有人用live()，看代码的时候觉得都实现功能了也就掀过去了，只是一直没完全弄懂之间的区别，于是今天查了下资料，自己做个总结。之所以有这么多类型的绑定方法，是因为jQuery的版本更新的原因，如on()方法就是1.7以后出现的。jQuery的事件绑定

2015-06-14 00:01:06 787

转载 JQ之 offset 和 position 的用法与区别

offset：获取元素相对于文档（document）的当前坐标注意：使用offset()方法不管该元素如何定位，也不管其父元素如何定位，都是获取的该元素相对于当前视口的偏移。postion：获取元素相对父元素的偏移注意: 1，使用position()方法时事实上是把该元素当绝对定位来处理，获取的是该元素相当于最近的一个拥有绝对或者相对定位的父元素的偏移

2015-06-13 22:11:21 1091

转载 Jquery的val()方法

Jquery的val()方法不仅能够设置元素的值，同时也能获取元素的值。常见的操作是对文本框的操作，比如判断邮箱地址等看下面的一个例子：复制代码代码如下: 代码：复制代码代码如下:$("#address").focus(function(){ // 地址框获得鼠标焦点 var txt_value =

2015-06-13 21:03:16 642

原创移动节点

插入节点的方法（append prepend after before ）还可以对原有的DOM进行移动：无标题文档$(function(){ $("ul").append($("li:eq(1)"));}) 苹果梨子香蕉得到结果：苹果香蕉梨子

2015-06-13 20:48:00 591

zhcscs的博客