jQuery Foundation

[cccreator]

• unbind()方法能够移除所有的或被选的事件处理程序，或者当事件发生时终止指定函数的运行。unbind()适用于任何通过jQuery附加的事件处理程序。

• trigger()方法用于触发被选元素的指定事件类型。

• find()方法用于查找子元素，如：

  $("#id").find("#child");
  $("#id").find(".child");
  $("#id").find("input[type = 'image']");

• each()方法遍历起来很方便，如：

  $("#id").each(function(){
  
   });
  $.each(Oject,function(p1,p2){
  
    });

  w3cschool_demo

[cccreator]

jQuery validate基础之rules和messages

• rules是一个key/value(键/值)对，key是元素name（不是id），value是一个字符串（只有一个规则）或一个对象（多个规则），如：

  <span>年龄：</span><input type="text" name="age"/>
  rules: {
  age: ‘required’ // age 是 文本框 的 name；required 是必填规则；
  }

  现在，又规定年龄要加上是 数字 的规则。 则 rules 配置：

  rules: {
  age: {
  required: true,
  digits: true,
  range: [1, 150] //规则年龄的范围必须是1-150
  }
  }

  默认的校验规则

• required : true //必须输入的字段；

• email : true //必须输入正确格式的电子邮件；

• url : true //必须输入正确格式的网址；

• date : true //必须输入正确格式的日期；

• number : true //必须输入合法的数字；

• digits : true //必须输入整数；

• credicard : true //必须输入合法的信用卡号；

• maxlength : 10 //输入长度最多是10的字符串；

• minlength : 5 //输入长度最小是5的字符串；

• max : 5 //输入值不能大于5；

• min : 10 //输入值不能小于10； Demo

  
  $.extend($.validator.messages, {
  required: "这是必填字段",
  remote: "请修正此字段",
  email: "请输入有效的电子邮件地址",
  url: "请输入有效的网址",
  date: "请输入有效的日期",
  dateISO: "请输入有效的日期 (YYYY-MM-DD)",
  number: "请输入有效的数字",
  digits: "只能输入数字",
  creditcard: "请输入有效的信用卡号码",
  equalTo: "你的输入不相同",
  extension: "请输入有效的后缀",
  maxlength: $.validator.format("最多可以输入 {0} 个字符"),
  minlength: $.validator.format("最少要输入 {0} 个字符"),
  rangelength: $.validator.format("请输入长度在 {0} 到 {1} 之间的字符串"),
  range: $.validator.format("请输入范围在 {0} 到 {1} 之间的数值"),
  max: $.validator.format("请输入不大于 {0} 的数值"),
  min: $.validator.format("请输入不小于 {0} 的数值")
  });

}));

[简单Demo](https://github.com/cccreator/Front/blob/master/validateDemo.js)

[cccreator]

push()方法

push()方法可向数组末尾添加一个或多个元素，并返回新的长度

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.push("James") + "<br />")
document.write(arr)

</script>

返回：

George,John,Thomas
4
George,John,Thomas,James 

[cccreator]

trim()和split()方法

• 无论是Java还是jQuery都有这个方法，作用都是一样的，都是去掉某个东西的前面或后面多余的空格;

• Java和js的split()方法用于把一个字符串分隔成字符串数组，例如：

  
  <script type="text/javascript">

var str="How are you doing today?"

document.write(str.split(" ") + "
") document.write(str.split("") + "
") document.write(str.split(" ",3))

输出为：

How,are,you,doing,today? H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,? How,are,you

  String str="Java string split test";
  String[] strarray=str.split(" ");
  for (int i = 0; i < strarray.length; i++)
      System.out.println(strarray[i]);

将输出： Java string split test

[cccreator]

window.location.href

• window.location.href;//当前页面打开URL页面，例如：

  window.location.href = getWebRootPath + “/js/load”;
  window.location.href="https://github.com/cccreator/Front/issues/5";

[cccreator]

关于$.fn

-$.fn是指jQuery的命名空间，加上fn上的方法及属性，会对每个jQuery实例有效。比如说，$.fn.abc()，即$.fn.abc()是对jQuery扩展了一个abc()方法，以后的每个jQuery实例都可以使用这个方法，如$("#div").abc();

fn是个什么东西呢？其实 jQuery.fn = jQuery.protorype查看如下jQuery代码：

jQuery.fn = jQuery.prototype ={ 
　　　init: function( selector, context ){//....　 
　　　//...... 
}; 

• $.fn.extend(obj)扩展了jQuery元素集来提供新的方法，通常用来制作插件。例如，增加两个插件的方法：

  jQuery.fn.extend({
    check: function() {
      return this.each(function() { this.checked = true; });
    },
    uncheck: function() {
      return this.each(function() { this.checked = false; });
    }
  });

  结果为：

  $("input[type=checkbox]").check();
  $("input[type=radio]").uncheck();

[cccreator]

JS声明全局变量

1. var+变量名的方式，在function外部声明即为全局变量，在function内部声明即为局部变量，例如：

   var test = 5; //全局变量 function a(){ var cc = 3; //局部变量 alert(test); } function b(){alert(test);}

2. 没有使用 var ，直接给标识符test赋值，这样会隐式的声明了全局变量test。即使该语句在一个function内，当该function被执行后test变成了全局变量，例如： test = 5; //全局变量 function a(){ aa = 3; //全局变量 alert(test); }

3. 使用window全局对象来声明，全局对象的属性对应也是全局变量，例如：

       window.test;
       window.test = 5;