雷顿学院的博客_前端技术

JS如何实现对name是数组的复选框的全选和反选以及取消选择

JS如何实现对name是数组的复选框的全选和反选以及取消选择？ form内容如下：因为PHP接收要用数组形式的复选框，正常情况下 JQ可如果是这种直接使用 $("input[name=ptpt])即可。但是这种php接收的只是最后一个值，字符串。<label><input type='checkbox' name='ptpt' value='a1' />a1</l

字符串

如何

原创 2016-09-27 21:24:29 1909 阅读

Gulp：任务自动管理工具

请查看阮一峰博客 http://javascript.ruanyifeng.com/tool/gulp.html#toc2

gulp

转载精选 2016-03-21 20:30:41 1009 阅读

前端构建工具gulpjs的使用介绍及技巧

gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航：gulp的安装开始使用gulpgulp的API介绍一些常用的gulp插件1、gulp的安装首

项目

技巧

文件夹

stream

而且

转载精选 2016-03-21 20:29:17 801 阅读

mac gulp安装使用

当运行gulp时，说Local gulp not found in /Library/WebServer/Documents/test[19:42:54] Try running: npm install gulp因为没有全局的去安装gulp，you can link the global gulb locally:npm link gulp

其他

gulp

原创 2016-03-21 19:48:55 1522 阅读

jquery扩展方法

jquery插件的开发包括两种：一种是类级别的插件开发，即给jquery添加新的全局函数，相当于给jquery类本身添加方法。jquery的全局函数就是属于jquery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。也可以理解为另外两种方式，一种是jQuery本身的扩展方法，另一种是jQuery所选对象的扩展方法。1.jQuery.extend(Object);　　　//

空间

开发

Object

jquery

function

转载精选 2016-03-19 21:52:22 918 阅读

jq表单

jq 操作radio，设置选中、获取选中值 2012年12月29日 TAG: jq操作radio <label><input type="radio" name="sex" value="1">男</label> <label><input type="radio" name="sex" value="2">女<

checked

转载精选 2016-03-14 14:47:57 907 阅读

一个简单的中奖抽奖小程序

<!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="jquery.js"></script> <style type="text/css">

程序

background

function

原创 2016-01-12 13:17:15 1586 阅读

设置phpstorm sass监听器

Creating a File WatcherPhpStorm provides a common procedure and user interface for creating File Watchers of all types. The only difference is in the predefined templates you choose in each

interface

default

procedure

difference

activated

转载精选 2015-10-14 15:57:37 902 阅读

javascript库之Mustache库使用说明

一、简单示例代码： 1 function show(t) { 2

mustache

转载精选 2015-10-12 20:43:03 664 阅读

非常简单的使用jquery fancybox插件实现的查看图片效果

<html> 其中用到了bootstrap的图片处理，响应式图片属性img-responsive，和图片形状，img-thumbnail 写成 class="img-responsive img-thumbnail" 然后fancybox直接用默认 $("a.grouped_elements").fancybox();

点击放大

jquery fancybox

原创 2015-10-12 20:42:26 1008 阅读

Javascript 面向对象编程（一）：封装

Javascript 面向对象编程（一）：封装作者：阮一峰日期： 2010年5月17日学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不容易掌握。下面就是我的学习笔记，希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍：《面向对象的Javascript》（Object-Oriented

程序设计

模型

书籍

初学者

Object

原创 2015-10-12 20:41:59 744 阅读

sass编译

命令行编译单文件转换命令sass style.scss style.css单文件监听命令sass --watch style.scss:style.css文件夹监听命令sass --watch sassFileDirectory:cssFileDirectorycss文件转成sass/scss文件（在线转换工具css2sass）sass-

文件夹

style

watch

在线转换

转载精选 2015-10-12 16:05:57 615 阅读

sass安装

ruby安装因为sass依赖于ruby环境，所以装sass之前先确认装了ruby。先导官网下载个ruby在安装的时候，请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境sass安装安装完ruby之后，在开始菜单中，找到刚才我们安装的ruby，打开Start Command Prompt with Rub

软件

淘宝

update

转载精选 2015-10-12 16:05:07 675 阅读

list-style-image 设置li不起作用问题

折腾了半天，没能把list-style-p_w_picpath的作用表现出来到底是谁把它的效果抹去了呢，官方不是说所有浏览器都支持 list-style-p_w_picpath 属性的吗只能使用删减法来揪出这个元凶没想到竟然是起到布局作用的float属性再来详细看看官方给list-style和float属性的说明list-style:由于它应用到所有 display 为 list-item 的元素

浏览器

元素

display

转载精选 2015-10-11 22:35:27 1798 阅读

关于mouseover ,mouseout ,mouseenter,mouseleave事件的区别

当鼠标指针位于元素上方时，会发生 mouseover 事件。该事件大多数时候会与 mouseout 事件一起使用。注释：与 mouseenter 事件不同，不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。注释：与 mouseleave 事件不同，不论鼠标指针离开被选元素还是任何子元素，都会触发 mouse

元素

原创 2015-10-11 16:16:17 1117 阅读

CSS优先级

HTML代码如下：<div class="time-top"> <dl> <dd>0</dd> <

display

background

color

优先级

原创 2015-10-10 21:28:47 843 阅读

子Div使用Float后撑开父Div的几种方法

一个Div包含了多个子Div，并且子Div使用了浮动后，父Div确不能被撑开，如下图：部分代码如下：复制代码代码如下:<style> #div1{border:1px solid red;float:left;} #div2,#div3{float:right;border:1px solid blue;} </s

元素

border

hidden

转载精选 2015-10-10 20:51:48 585 阅读

实现图片水平垂直居中

代码如下：<html> <head></head> <style type="text/css"> .div1{ width: 500px; height: 500px; background-color: red; position: absolute; } .div2{ width:&n

function

absolute

position

水平垂直

hidden

原创 2015-09-24 14:24:44 926 阅读

js closure ,copy from stackoverflow

Whenever you see the function keyword within another function, the inner function has access to variables in the outer function.function foo(x) { var tmp = 3; &nb

js closure

转载精选 2015-08-24 11:22:24 736 阅读

织梦常用标签

织梦标签 --------------------------------------------------------1、{dede:field name="typename"} 这是调用当前栏目的名称 ----------------------------------------

标签

field

原创 2015-08-19 10:09:01 1005 阅读

非常简单的使用jquery fancybox插件实现的查看图片效果

<html> 其中用到了bootstrap的图片处理，响应式图片属性img-responsive，和图片形状，img-thumbnail 写成 class="img-responsive img-thumbnail" 然后fancybox直接用默认 $("a.grouped_elements").fancybox();

点击放大

jquery fancybox

原创 2015-07-23 19:00:22 924 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

雷顿学院

JS如何实现对name是数组的复选框的全选和反选以及取消选择

Gulp：任务自动管理工具

前端构建工具gulpjs的使用介绍及技巧

mac gulp安装使用

jquery扩展方法

jq表单

一个简单的中奖抽奖小程序

设置phpstorm sass监听器

javascript库之Mustache库使用说明

非常简单的使用jquery fancybox插件实现的查看图片效果

Javascript 面向对象编程（一）：封装

sass编译

sass安装

list-style-image 设置li不起作用问题

关于mouseover ,mouseout ,mouseenter,mouseleave事件的区别

CSS优先级

子Div使用Float后撑开父Div的几种方法

实现图片水平垂直居中

js closure ,copy from stackoverflow

织梦常用标签

非常简单的使用jquery fancybox插件实现的查看图片效果

欢迎