未来往事
少对别人提要求,多从自己找问题。 [2017年 第42周/共52周]

JQuery 插件的编写

jquery的插件机制

为了方便用户创建插件,jquery提供了$.extend()和$.fn.extend()方法。
$.extend(object) ,用于扩展jQuery类本身,也就是用来在jQuery类/命名空间上增加新函数,或者叫静态方法.
例如 jquery内置的 ajax方法都是用$.ajax()这样调用的,有点像 “类名.方法名” 静态方法的调用方式。

  1. $.extend({
  2. minValue: function (a, b) {
  3. // 比较两个值,返回最小值
  4. return a < b ? a : b;
  5. }
  6. });
  7. //调用
  8. var i = 100; j = 101;
  9. var min_value = $.minValue(i, j); // min_value 等于 100
+阅读全文

批量删除/复原 批量选中js

批量删除 批量复原js jquery

  1. <script type="text/javascript">
  2. function chkbox(){
  3. $
......
+阅读全文

js判断是否是手机或移动设备访问

js判断是否是手机访问,js判断是否移动设备,使用navigator.userAgent.toLowerCase()判断移动端类型,js简单判断设备
  1. var ua  = navigator.userAgent.toLowerCase();  
  2. if(ua.indexOf('android') != -1 || ua.indexOf('iphone') != -1 || ua.indexOf('ipad'
......
+阅读全文

js/jQuery监听网页回车事件 form表单提交

使用js/jQuery监听回车事件, 在特殊情况下我们可能需要通过js监听网页回车事件进行提交form表单参数达到特定目标,本文主要介绍js或jQuery监听网页回车事件或元素容器内回车事件.

jQuery监听网页回车:
  1. $(document).keyup(function(e){  
  2.     var curKey = e.which;   
  3.     if(curKey==13){  
  4.         //具体操作处理方法  
  5.     }  
  6.  });  

js监听网页回车:
+阅读全文

js拉幕广告代码

js拉幕广告代码,拉幕广告js代码,网页拉幕广告
  1. <html>
  2. <head>
  3. <meta http-equiv="Cont
......
+阅读全文

带动态时间/公历/农历日期的js效果代码

显示动态时间 公历 农历日期的js效果代码

效果图

HTML & Javascript代码
  1. <div

......
+阅读全文

jQuery error()替换载入错误的图片

jQuery error()替换载入错误的图片

error()函数
当元素遇到错误(没有正确载入)时,发生 error 事件。
error() 方法触发 error 事件,或规定当发生 error 事件时运行的函数。
提示:该方法是 bind('error', handler) 的简写方式。

示例:如果图片不存在,则用预定义的图片取代它:
  1. $('img').error(function(){  
  2.             $(
......
+阅读全文

jQuery移除class对应绑定的事件

jQuery移除class对应的事件

在使用jQuery进行class更改后发现class对应的点击事件并没有发生改变,究其原因需要在类改变后用off()将之前绑定在类上的事件取消,如果需要事件则重新绑定。

off()函数
用于移除元素上绑定的一个或多个事件的事件处理函数。主要用于解除由on()函数绑定的事件处理函数。

例如:
  1. $("#butclass").removeClass("openbuy");  
  2. $('#butclass').off(); 
......
+阅读全文

js返回上一页并刷新页面

......
+阅读全文

jquery实时监听input输入框值变化

jquery实时监听某输入框值的变化

//实时监听password输入框值并赋值到password2输入框中
  1. $('#password').bind('input propertychange'function() {  
  2.   var pw= $('#baseReg .js_pass').val();  
......
+阅读全文

Discuz $()与JQuery $()冲突解决方法

问题描述:默认情况下,Discuz引入jQuery代码后直接使用 $(),运行后会报错。

原因分析:Discuz默认使用了$()作为对象选取函数,刚好与jQuery默认的$()函数重合造成冲突。Discuz $()对象选取函数代码位于static/js/common.js第8-10行:
  1. function $(id) {  
  2.   return !id ? null : document.getElementById(id);  
......
+阅读全文

Jquery replace

Jquery字符替换replace

示例:将下列html代码中图片SRC地址中的www.fity.cn域名修改为fity.cn:

  1. <a id="smallogo" href="http://fity.cn"
......
+阅读全文

Jquery获取select自定义属性值

Jquery获取select自定义属性值 Jquery select获取自定义属性值

示例代码:

  1. <select id="blog" onchange="
......
+阅读全文

jQuery实现动态添加input框

jQuery实现动态增加input输入框
演示:http://fity.cn/demo/addinput/
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  2. <html>  
  3. <head>  
......
+阅读全文

js获取页面URL地址并判断URL是否包含具体值

js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值
本文介绍jquery/js获取当前页面url地址的方法,在jquery与js中获取当前页面url方法是一样的,因为jquery没有自己相关的函数,使用js 的windows方法来获取,相关方法如下:
window.location.pathname //设置或获取对象指定的文件名或路径
window.location.href //设置或获取整个 URL 为字符串
window.location.port //设置或获取与 URL 关联的端口号码
window.location.protocol //设置或获取 URL 的协议部分
......
+阅读全文