本文链接：http://bookshadow.com/weblog/2014/09/26/jquery-blockui-js-introduction/jQuery遮罩插件jQuery.blockUI.js简介原文：http://www.cnblogs.com/keyi/p/6364559.html
$(function(){//遍历获取的input元素对象数组，绑定click事件var len = $("input[type='file']").length;for(var i = 0; i < len; i++){$("input[type='file']").eq(i).click(function(){$(this).next().val("");$(this).next().hide();$(this).css("width","200px");})} }jQuery获取：jQuery.parent(expr)，找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")jQuery.parents(expr)，类似于...
CreateTime--2016年12月16日09:11:23Author:Marydonjs与jQuery实现方式对比汇总<div id="ListContainer" style="border:1px solid red;height:100px;width:100px;"></div>1.控制元素的显示与隐藏 javascript方式/*控制div隐藏*/ document.getElementById("ListContainer").style.display = "none"; /*控制div显示*/ document.getElementById("ListContainer").style.display = "block"; jQuery方式/*控制div隐藏*/ $("#List...
js与jQuery获取text、html、属性值、value的方法是不一样的。 js与jQuery，text与innerText获取(<!---->中为结果)html:<p id="test">这是段落中的 <b>粗体</b> 文本。</p><button id="btn10">jQuery显示text</button><!--Text: 这是段落中的 粗体 文本。--><button id="btn11">jQuery显示 innerTEXT</button><!--Text: undefined。--><button id="btn12">js显示 innerTEXT</button><!--Text: test-->js:$("#btn10").click(function...
传送：http://www.ituring.com.cn/article/467概念： 什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。 举个列子：有三个同事预计会在周一收到快递。为签收快递，有两种办法：一是三个人在公司门口等快递；二是委托给前台MM代为签收。现实当中，我们大都采用委托的方案（公司也不会容忍...
转自：http://itakeo.com/blog/2015/07/28/nojq/随着IE6、7、8的逐渐淘汰，HTML5的兴起，以及侧重点放在了移动端，jQuery可能变的不在那么重要，原生一样很好用。下面介绍几个原生替换jq的方法。获取元素JQuery$(‘.xxx‘); //class获取 $(‘#xxx‘); //id获取 $(‘.xxx.ccc‘); //同时包含xxx和ccc $(‘.xxx,.zzz‘); //多选 $(‘.xxx div‘); //子类 $(‘.xxx p:first‘); //第一个P元素 原生js//querySelector基...
一、Javascript获取select下拉框选中的的值 I：javascript原生的方法 1:拿到select对象： var myselect=document.getElementById("test"); var myselect = document.all["test"]; 2：拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index 3:拿到选中项options的value： myselect.options[index].value; 4:拿到选中项opt...
前言： 每一次遇见问题想到的就是怎么解决？最好的方法还是查询网络媒体，更好的办法是让自己记忆，只有自己理解到了才真正是属于自己。要做一个订单提醒功能，没有使用audio相关的插件，虽然插件无数，还是喜欢自己瞎折腾。(来一些隐形的链接，据说有推广效果，本文原创官网地址：www.pushself.com) 听一个写博客的朋友说周末的博客阅读量明显下降，周末大好时光不出去泡妹子的肯定是有难言之隐的。先来重温一下audio标签的...
最近项目中需要实现3D图片层叠旋转木马切换的效果，于是用到了jquery.roundabout.js。兼容性如图：html结构代码：<div id="featured-area"><ul><li><img src="images/fnfast.jpg"/></li><li><img src="images/photoshop_plus.jpg"/></li><li><img src="images/speedometer.jpg"/></li><li><img src="images/photoshop_plus.jpg"/></li></ul><a href="javascript:void(0)" class="ban_l_btn"></a><a href="javascript:void(0)" clas...
正文：//检测平台 var p = navigator.platform;system.win = p.indexOf("Win") == 0;system.mac = p.indexOf("Mac") == 0;system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);system.ipad = (navigator.userAgent.match(/iPad/i) != null) ? true : false;if (system.win || system.mac || system.xll || system.ipad) {alert("PC");} else { var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>无标题文档</title><style type="text/css"> *{ margin:0px; padding:0px;}#menu{ background-color:#eee; width:600px; height:40px; margin:0 auto;}ul{ list-style...
1、加载DOM区别 JavaScript： window.onload function first(){ alert(‘first‘); } function second(){ alert(‘second‘); } window.onload = first; window.onload = second; //只会执行第二个window.onload；不过可以通过以下方法来进行改进： window.onload = function(){ first(); second(); } Jquery： $(document).ready() $(document).ready(){ function first(){ alert(‘first‘); } function s...
1 <html>2 <head>3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">4 <script type="text/javascript" src="jquery-1.8.3.js"></script>5 <script type="text/javascript" src="jquery.validate-1.8.1.js"></script>6 7 <script type="text/javascript">8 $.validator.addMethod(‘checkNum‘,function(value,element){//自定义验证规则方法 9var res=fals...
githubhttps://github.com/alvarotrigo/fullPage.jsdemohttp://alvarotrigo.com/fullPage/ 脚手架<link rel="stylesheet" type="text/css" href="jquery.fullPage.css"/><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><!-- This following line is optional. Only necessary if you use the option css3:false and you want to use other easing effects rather than "linear", "swin...
/* * select_interval 0.1 * Copyright (c) 2012 shuaisam http://shuaisam.cnblogs.com/* Date: 2012-06-04 * Desc: 提供时间的选择区间，用josn数据初始化* select_start_id 开始时间的id* select_end_id 结束时间的id* data_sourse josn数据源 格式如var josn1 = {‘start‘:[ ],‘end‘:[ ]};* select_start_judge 选中的开始时间与结束时间选项比较函数* select_end_judge 选中...