2016年05月_刘小筛

原创 JQuery中元素的数据存储

html5 dataset是新的HTML5标准，允许你在普通的元素标签里嵌入类似data-*的属性，来实现一些简单数据的存取。它的数量不受限制，并且也能由JavaScript动态修改，也支持CSS选择器进行样式设置。这使得data属性特别灵活，也非常强大。有了这样的属性我们能够更加有序直观的进行数据预设或存储。那么在不支持HTML5标准的浏览器中，我们如何实现数据存取呢? jQuery就提供了一

2016-05-31 19:47:47 1980

原创 JQuery中.css()与.addClass()设置样式的区别

对于样式的设置，我们学了addClass与css方法，那么两者之间有什么区别？可维护性：.addClass()的本质是通过定义个class类的样式规则，给元素添加一个或多个类。css方法是通过JavaScript大量代码进行改变元素的样式通过.addClass()我们可以批量的给相同的元素设置统一规则，变动起来比较方便，可以统一修改删除。如果通过.css()方法就需要指定每一个元素是一一的修改，日

2016-05-31 19:35:08 5237

原创 JQuery中的样式操作

通过JavaScript获取dom元素上的style属性，我们可以动态的给元素赋予样式属性。在jQuery中我们要动态的修改style属性我们只要使用css()方法就可以实现了。.css() 方法：获取元素样式属性的计算值或者设置元素的CSS属性获取方法：1..css( propertyName ) ：获取匹配元素集合中的第一个元素的样式属性的计算值 2..css( propertyNames

2016-05-31 19:22:43 654

原创 JQuery中的样式切换

在做某些效果的时候，可能会针对同一节点的某一个样式不断的切换，也就是addClass与removeClass的互斥切换，比如隔行换色效果。jQuery提供一个toggleClass方法用于简化这种互斥的逻辑，通过toggleClass方法动态添加删除Class，一次执行相当于addClass，再次执行相当于removeClass。.toggleClass( )方法：在匹配的元素集合中的每个元素上添

2016-05-31 18:31:20 4106 1

原创 JQuery中样式标签的处理

增加样式标签JQuery中增加样式使用.addClass(className)方法通过动态改变类名（class），可以让其修改元素呈现出不同的效果。在HTML结构中里，多个class以空格分隔，当一个节点（或称为一个标签）含有多个class时，DOM元素响应的className属性获取的不是class名称的数组，而是一个含有空格的字符串，这就使得多class操作变得很麻烦。同样的jQuery开发者也

2016-05-31 18:17:17 539

原创 JQuery中的 .val()

jQuery中的.val()方法主要是用于处理表单元素的值，比如 input, select 和 textarea。.val()方法简介1..val()无参数，获取匹配的元素集合中第一个元素的当前值 2..val( value )，设置匹配的元素集合中每个元素的值 3..val( function ) ，一个用来返回设置值的函数注意： 1.通过.val()处理select元素，当没有选择项被

2016-05-31 18:01:43 1887

原创 HQuery中html结构及文本的修改

读取、修改元素的html结构或者元素的文本内容是常见的DOM操作，jQuery针对这样的处理提供了2个便捷的方法.html()与.text() 我们一起来看看。.html()方法获取集合中第一个匹配元素的HTML内容或设置每一个匹配元素的html内容，具体有3种用法： 1..html() 不传入值，就是获取集合中第一个匹配元素的HTML内容 2..html( htmlString ) 设置每

2016-05-31 07:25:13 1394

原创 JQuery中的.attr()与.removeAttr()

每个元素都有一个或者多个特性，这些特性的用途就是给出相应元素或者其内容的附加信息。如：在img元素中，src就是元素的特性，用来标记图片的地址。在JS中，我们经常使用到的DOM，操作特性方法主要有3个，getAttribute方法、setAttribute方法和removeAttribute方法，就算如此在实际操作中还是会存在很多问题，这里先不说。而在jQuery中用一个attr()与remove

2016-05-31 07:06:27 971

原创 .attr()与.removeAttr()

每个元素都有一个或者多个特性，这些特性的用途就是给出相应元素或者其内容的附加信息。如：在img元素中，src就是元素的特性，用来标记图片的地址。操作特性的DOM方法主要有3个，getAttribute方法、setAttribute方法和removeAttribute方法，就算如此在实际操作中还是会存在很多问题，这里先不说。而在jQuery中用一个attr()与removeAttr()就可以全部搞定了

2016-05-30 21:42:12 482

原创 JQuery中的特殊选择器--this

相信很多刚接触jQuery的人，很多都会对$(this)和this的区别模糊不清，那么这两者有什么区别呢？下面我们一起来看一下！this是JavaScript中的关键字，指的是当前的上下文对象，简单的说就是方法/属性的所有者下面例子中，imooc是一个对象，拥有name属性与getName方法,在getName中this指向了所属的对象imoocvar ch = { name:"中国",

2016-05-30 21:16:52 2997

原创 JQiery选择器中的表单元素

无论是提交还是传递数据，表单元素在动态交互页面的作用是非常重要的。jQuery中专门加入了表单选择器，从而能够极其方便地获取到某个类型的表单元素。表单选择器这么方便，让我们来看一下都可以怎么使用吧：除了input筛选选择器，几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 (′:password′)==(':password') ==

2016-05-30 20:50:44 1209

原创 JQuery选择器中的子元素选择器

子元素筛选选择器不常使用，其筛选规则比起其它的选择器稍微要复杂点，其实博主感觉并不怎么难啦，因为单词so easy,哈哈。我们来看看都有哪些吧：注意： 1. :first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) 2.:last 只匹配一个单独的元素， :last-child 选择器可以匹配多个元素：

2016-05-30 20:32:26 1821

原创 JQuery选择器中的属性筛选

属性选择器让你可以基于属性来定位一个元素。可以只指定该元素的某个属性，这样所有使用该属性而不管它的值，这个元素都将被定位，也可以更加明确并定位在这些属性上使用特定值的元素，这就是属性选择器展示它们的威力的地方。下面我们通过一张表大致了解一下：这么多的属性选择器，有木有看晕啊？其实，在这么多属性选择器中[attr=”value”]和[attr*=”value”]是最常用最实用的。[attr=”va

2016-05-30 20:16:48 809

原创 JQuery选择器中的可见性筛选

元素有显示状态与隐藏状态，jQuery根据元素的状态扩展了可见性筛选选择器:visible与:hidden下面用表格大致了解一下，就两个选择器：这2个选择器都是 jQuery 延伸出来的，看起来比较简单，但是元素可见性依赖于适用的样式 :hidden选择器，不仅仅包含样式是display=”none”的元素，还包括隐藏表单、visibility等等隐藏一个元素的几种方式：1.CSS displa

2016-05-30 17:47:56 1584

原创 JQuery筛选选择器之内容筛选

基本筛选选择器针对的都是元素DOM节点，如果我们想要通过内容来过滤一些东西，该怎么办呢？ jQuery是相当强大的，这一点它当然想到了啊，JQuery专门为此提供了一组内容筛选选择器，当然其规则也会体现在它所包含的子元素或者文本内容上。让我们一起来通过一张表了解一下：注意：:contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素

2016-05-30 17:22:37 1022

原创 JQuery中的基本筛选选择器

很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素，为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素。筛选选择器很多都不是CSS的规范，而是jQuery自己为了开发者的便利延展出来的选择器筛选选择器的用法与CSS中的伪元素相似，选择器用冒号“：”开头。我们通过一个列表，来看看基本筛选器的描述注意：eq(), :lt(), :gt(), :even, :odd

2016-05-30 17:08:16 4164

原创 JQuery中的层级选择器

层级选择器文档中的所有的节点之间都是有这样或者那样的关系。我们可以把节点之间的关系可以用传统的家族关系来描述，可以把文档树当作一个家谱，那么节点与节点直接就会存在父子，兄弟，祖孙的关系了。选择器中的层级选择器就是用来处理子元素后代元素兄弟元素相邻元素这种关系的通过一个列表，对比层级选择器的区别具体实现我们看一下下面代码<!DOCTYPE html><html><head> <me

2016-05-29 15:47:56 636

原创 JQuery中的全选择器（通配符）

全选择器（*选择器）在CSS中，经常会在第一行写下这样一段样式 * {padding: 0; margin: 0;}通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素表示方式为：$( “*” )抛开jQuery，如果要获取文档中所有的元素，通过document.getElementsByTagName()中传递”*”同样可以获取到下面代码

2016-05-29 15:18:53 1327

原创 JQuery中的元素选择器

元素选择器元素选择器：根据给定（html）标记名称选择所有的元素表示方式为：$( “element” )搜索指定元素标签名的所有节点，这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持下面编辑器代码使用两种方式获取并设置CSS属性：<!DOCTYPE html><html><head> <meta http-equiv="Content-type"

2016-05-29 15:10:49 554

原创 JQuery中的类选择器

类选择器类选择器，顾名思义，通过class样式类名来获取节点使用方式为$( “.class” )类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选同样的jQuery在实现上，对于类选择器，如果浏览器支持，jQuery使用JavaScript的原生getElementsByClassName()函数来实现的下面实现一个原生getElementsByClassName()函数的实现代码

2016-05-29 14:55:31 840 1

原创 JQuery中的ID选择器

页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的，让开发者可以更少的处理复杂选择过程与性能优化，更多专注业务逻辑的编写。jQuery几乎支持主流的css1~css3选择器的写法id选择器：一个用来查找的ID，即元素的id属性 $( “#id” )id选择器也是基本的选择器，jQuery内部使用Jav

2016-05-29 14:40:59 1112

原创 JQuery对象与DOM对象

先把对象放一边，我们先来试着实现一个最简单的小程序，在div中写入：”您好！好好学习jQuery才是最正确选择“这段文字。想像一下，如果是你你会怎么写？<html><head> <meta charset="utf-8"/> <title>第一个简单的jQuery程序</title> <style type="text/css"> div{

2016-05-29 14:20:54 650

原创浅谈JQuery

JQuery简介JQuery作为一个框架，首先，它是一个轻量级的JS库；其次它的核心依然是JavaScript；再者，它的兼容性比较好，不仅兼容了CSS3，还兼容各种浏览器。JQuery的核心理念：用最少的代码做更多的事。JQuery的优势：容易上手强大的选择器解决浏览器的兼容完善的事件机制出色的Ajax封装丰富的UI

2016-05-29 12:25:24 442

原创目录处理命令

建立目录建立目录命令：mkdir -p [目录名]，为了容易理解，我们给出他的英文原意是：make directories 建立目录其中-p是递归创建的意思，就是所一次性创建一串目录。 ###切换目录切换目录： cd ,英文愿意：change directory 改变目录简化操作： cd ~进入当前用户的家目录 cd - 进入上次目录 cd .. 进入上一级目录

2016-05-28 21:47:12 502

原创 Linux常用命令集锦

命令的基本格式[root@localhost ~]# root表示当前登录用户名 localhost主机名 ~当前所在位置#表示我当前的登陆用户是管理员，即超级用户$表示普通用户命令格式命令 [选项] [参数] []表示可选需注意的是，不是所有的名命令遵循此格式，有个别的不遵循。下来我们看一下查询目录中内容的命令符： ls [选项] [参数]，当没有选项和参数时，显示的是当前目录下

2016-05-28 20:56:24 461

原创 PHP中的foreach遍历数组

foreach主要用于数组的循环变量，所以我们在这里只是以数组为例举两个例子，尽快的理解和学会使用foreach循环操作。下面代码是获取数组$students中的所有下标和值同时遍历出来<?php$students = array('2010'=>'令狐冲','2011'=>'林平之','2012'=>'曲洋','2013'=>'任盈盈','2014'=>'向问天','2015'=>'

2016-05-28 15:33:49 1433

原创 PHP中的错误控制运算符

PHP中提供了一个错误控制运算符“@”，对于一些可能会在运行过程中出错的表达式时，我们不希望出错的时候给客户显示错误信息，这样对用户不友好。于是，可以将@放置在一个PHP表达式之前，该表达式可能产生的任何错误信息都被忽略掉；如果激活了track_error（这个玩意在php.ini中设置）特性，表达式所产生的任何错误信息都被存放在变量$php_errormsg中，此变量在每次出错时都会被覆盖，所以如

2016-05-28 15:02:07 1095

原创运算符

什么是运算符什么是运算符？运算符是告诉PHP做相关运算的标识符号。例如，你需要计算123乘以456等于多少，这时候就需要一个符号，告诉服务器，你需要做乘法运算。PHP中的运算符有哪些？PHP运算符一般分为算术运算符、赋值运算符、比较运算符、三元运算符、逻辑运算符、字符串连接运算符、错误控制运算符。PHP中的赋值运算符PHP的赋值运算符有两种，分别是：(1)“=”：把右边表达式的值赋给左边的运算数。它

2016-05-28 14:43:36 437

原创常量的存在和获取

一、获取常量的两种方式定义了常量，那么就要使用常量，那么如何获取常量值呢？一般来说，常量的取值分为两种不同的方式，接下来让我们一起来探探吧！第一种是使用常量名直接获取值，看下面计算圆的面积的例子：<?phpdefine("PI",3.14);$r=1;$area = PI*$r*$r; //计算圆的面积?>直接使用常量名PI获取它的值参与运算。第二种是使用constant()函数。它和直接使

2016-05-28 14:15:37 676

原创常量那些事儿

什么是常量？常量可以理解为值不变的量（如圆周率）；或者是常量值被定义后，在脚本的其他任何地方都不可以被改变。PHP中的常量分为自定义常量和系统常量。自定义常量是根据我们开发的需要，而定义的常量，它通过使用PHP中的函数define()定义。（注：函数，我们可以理解为一个混凝土搅拌机，亦或是一个筛子，通过入口提供原料，然后出口产出结果，在函数中也允许入口不提供任何数据，出口也允许不返回任何值。）def

2016-05-28 10:10:09 517

原创变量中的特殊类型

一、资源类型资源（resource）：资源是由专门的函数来建立和使用的，例如打开文件、数据连接、图形画布。我们可以对资源进行操作（创建、使用和释放）。任何资源，在不需要的时候应该被及时释放。如果我们忘记了释放资源，系统自动启用垃圾回收机制，在页面执行完毕后回收资源，以避免内存被消耗殆尽。假设在服务器上，你发现了一个文件，是不是很好奇，想看看里面写了啥。嘿嘿，PHP可以做到哦（但是千万记住，如果是隐私

2016-05-28 09:33:00 505

原创标量类型集锦

一、布尔类型布尔类型（boolean）：只有两个值，一个是TRUE，另一个FALSE，可以理解为是或否。它不区分大小写，也就是说”TRUE”和“true”效果是一样的。主要用在条件结构中，例如判断是否满足条件的时候，是用“true”表示满足，用“false”表示不满足。需要注意的是，当我们用”echo”指令输出布尔类型时，如果是“true”则输出的是“1”，“false”则什么也不输出。我们可以使用

2016-05-27 21:27:26 786

原创 PHP变量那些事儿

变量如何定义变量什么是变量的数据类型PHP变量的数据类型快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl + Q插入链接 Ctrl + L插入代码 Ctrl + K插入图片 Ctrl + G提升标题 Ctrl + H有序列表 Ctrl + O无序列表 Ctrl + U横线 Ctrl + R撤

2016-05-27 19:34:52 364

原创 PHP初始话

为什么要学习PHP？“我可以用JavaScript来实现程序编写。”但JavaScript的能力是有限的，JavaScript通常运行在浏览器（客户端），它可以制作网页上面的特效：鼠标滑过背景改变颜色，还有网页上常见的鼠标滑过弹出菜单。但如果要让JavaScript实现显示“访问网站的总人数”，它就无能为力了，因为它只能获得客户端的信息，而“访问网站的总人数”是存储在服务器端的。所以就需要

2016-05-27 17:26:45 488

原创 CSS3属性之——filter

filter作为CSS3的属性，是作为滤镜效果出现的，主要功能是对图片进行一些处理，当然还可以对video进行作用，我们这里暂且只讨论对图片的处理效果。看到图片处理。我们是否会联想到一系列其他的处理方式呢？PhotoShop?用MATLAB进行图像处理？不错，filter一词的确与MATLAB中的filter作用相同，但是使用方法不尽相同。接下来我们一起来看看都可以怎样实现不同的效果。首先我

2016-05-27 16:37:58 518

原创 JavaScript入门（一）

几乎所有从事前端的人都要学习JS，为什么呢？有了HTML来给页面提供内容和CSS给页面做修饰，一个界面就建好了，为甚么还要学习JS呢，JS是用来做什么的呢？接下来我就告诉大家我们为什么还要学习JS。首先，几乎所有的主浏览器都支持JS。其次，目前全世界大部分网页都使用JS然后，JS可以让网页呈现各种动态效果。最重要的是，作为一个Web开发师，如果你想提供漂亮的网页，给予用户满意的上网体验，JS是

2016-05-27 16:36:52 342

原创 Github用户注册流程

1、登陆http://github.com/网站，会出现如下界面：注册首页2、在Pick a username栏里输入一个自己要使用的用户名；Your email address栏里输入一个常用邮箱名；Creat a password栏里输入密码（注意，密码长度最七个字符，其中最少有一个小写字母一个数字）。用户名和密码一定要记住，以后登陆需要输入。3、点击Sing up

2016-05-27 16:35:40 3459

原创浅谈Github

Github是一个代码的托管平台，也是一个为开发者提供的代码社区。所谓的托管平台，就是可以把自己写的代码托付给github进行管理，可以暂时简单的理解为备份（其实并没有这么简单哟）；作为社区，开发者可以在github上创建自己的开源项目，关键的是，在这里可以与其他开发者协作编码。一些创业公司用它来托管软件的管理项目（作为个人学会用它来托管自己的代码是不是feel so cool），开源项目可以免费

2016-05-27 16:33:44 279

空空如也

空空如也