2016年10月_xyphf_和派孔明

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月

原创正则表达式及常见用法介绍

正则表达式及常见用法介绍

2016-10-29 11:02:43 1173

原创聊一聊HTML5的表单，话说这些表单你都用过吗？

聊一聊HTML5的表单，话说这些表单你都用过吗？

2016-10-29 09:16:45 628

原创 JavaScript Date日期对象的常用操作

日期对象：创建： new Date() get获取年 getFullYear() 月 getMonth() +1 号 getDate() 星期 getDay() 小时 getHours() 分 getMinutes()

2016-10-19 10:12:34 614

原创 JQ的工具方法

$.merge(); 合并数组$(function(){ var a = [1,2,3]; var b = [4,5,6]; var c = $.merge(a,b); console.log(c);});$.map();重新操作数组 var arr = ['a','b','c']; arr = $.map(arr,function(val,

2016-10-06 00:04:55 801

原创 JQ获取鼠标的键值

<div id="div1"> <span id="span1">span</span></div><script>$(function(){ $('#span1').on('mousedown',function(ev){ alert(ev.which); }); });</script>

2016-10-05 23:09:37 602

转载 jquery中的trigger和triggerHandler区别

今天我们来简单看看jquery中的trigger何triggerHandler方法的区别： trigger( event, [data] ) 在每一个匹配的元素上触发某类事件。这个函数也会导致浏览器同名的默认行为的执行。比如，如果用trigger()触发一个’submit’，则同样会导致浏览器提交表单。如果要阻止这种默认行为，应返回false。你也可以触发由bind()注册的自定义事件$

2016-10-05 23:02:46 500

原创 JQ的自定义事件操作

设置一个滚轮事件放到缩小图片<body><img src="1.jpg" id="img1"></body><script>$(function(){ $('#img1').on('zoomIn',function(){ //缩小 $(this).css('width',200); }); $('#img1').on('zo

2016-10-05 22:55:58 918

原创 JQ如何获取原生的event对象

举例说明：$(function(){ $('#div1').on('touchstart',function(ev){ alert(ev.changedTouches); });});此时弹出的是undefined，没有获取到；这时我们要转成原生的event对象$(function(){ $('#div1').on('touchsta

2016-10-05 22:43:09 3462

原创 JQ的on事件数据挂载方法

我们通常使用的on事件一般如下： HTML<body><div id="div1"> <span>span</span></div></body>JS$(function(){ $('#div1').on('click',function(ev){ alert(123); });});但是在一些日常运用当中，有一些值与事件呈一一对应关系，这时我们可是

2016-10-05 22:36:53 1364

原创小议JQuery中focus()和focusin()区别

简单的说就是focus()不支持冒泡而focusin()支持冒泡举例说明： HTML<div id="div1"> <input type="text"></div>如果是focus()，则必须写出成 $('input').on('focus',function(){ alert(123); });写成 $('#div1').on('focus',fu

2016-10-05 22:17:11 3729

转载 mouseover和mouseenter 与 mouseout和mouseleave的区别

mouseover和mouseenter的区别<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">x=0;y=0;$(document).ready(function(){ $("div.over").mouseover(f

2016-10-05 22:04:50 346

原创小议jquery的remove()和detach()的方法区别

remove()指的是删除节点，而detach()删除之后，重新添加时保留元素之前的操作行为；例如：<script>$(function(){ $('#div1').click(function(){ alert(123); }); var $div = $('#div1').detach(); //删除元素，但是可以保留元素之前的操作行为

2016-10-05 21:48:20 394

原创 JQ 的animate动画详解

2016-10-04 08:07:27 1682

原创小议使用trigger()的主动触发模拟点击的使用

<body style="height:2000px;"><input id="input1" type="button" value="添加"><input id="input2" type="text"><ul> <li>1111</li> <li>1111</li> <li>1111</li> <li>1111</li></ul></body><scri

2016-10-03 20:03:43 3268

原创聊一聊JQ中delegate事件委托的好处

下面举个例子我们希望通过点击使得点击的li标签变红HTML<body style="height:2000px;"><ul> <li>1111</li> <li>1111</li> <li>1111</li> <li>1111</li></ul></body>普通写法$(function(){ $('li').on('click',functio

2016-10-03 19:49:38 2389

原创 JQ阻止默认事件与阻止冒泡

2016-10-03 18:58:27 1204

原创 JQ简单获取键盘键值

2016-10-03 18:44:53 1833

原创懒加载图片

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>懒加载图片</title><style>div{ margin-top:300px; width:470px; height:150px; border:1px #000 solid;}

2016-10-03 18:20:29 385

原创节点的上移与下移

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><script src="jquery-1.11.1.js"></script><script>$(function(){ $('input[val

2016-10-03 13:22:10 902