[TOC]

jquery

事件

ready(fn)

javascript

/*
	- 功能：在DOM加载完成时运行的代码
*/
$(document).ready(function(){
  // 在这里写你的代码...
});
//可以简写为
$(function($) {
  // 你可以在这里继续使用$作为别名...
});

on(events,[selector],[data],fn)

javascript

/*
	- 功能：在选择元素上绑定一个或多个事件
	- 输入参数：
		- events：要绑定的【事件】类型，如“click”
		- fn：该事件被触发时执行的函数，false值也可以做一个函数的简写。
*/

//描述：在p元素上绑定click事件，当p元素被点击时，触发function内的方法执行
$("p").on("click", function(){
	alert( $(this).text() );
});

submit([[data],fn])

javascript

/*
	- 功能：当提交表单时，会发生 submit 事件（只是提交这个动作，不是提交成功）。该事件只适用于表单元素(<form>)。
	- 输入参数：
		- fn：在每一个匹配元素的submit事件中绑定的处理函数。
		- 
*/
//描述：提交表单
$("#xxxForm").submit();
//如果你要阻止表单提交 ~可用作提交条件判定的场合
$("#xxxForm").submit( function () {
  return false;
} );

AJAX

serialize()

Code

/*
	- 功能：序列表表格内容为字符串。(用于 Ajax POST请求)
*/
$("form").serialize();
//字符串内容如下
name=122&email=122

javascript

/*
	- 功能：
	- 输入参数：
		- 
		- 
*/
//描述：

jquery插件

jQuery Validation Plugin

url：

Code

1 2	官方：http://jqueryvalidation.org/ 菜鸟教程：http://www.runoob.com/jquery/jquery-plugin-validate.html

validate([options])

rules+massage

javascript

/*
	描述：根据校验规则，对表单输入进行校验
	解释：
		- validate（在form上绑定校验事件），当表单提交时，会触发此方法进行校验
			～若校验失败，进行message的显示，并且拦截提交操作（不会请求服务器）
			～若校验成功，则放行，提交表单
			
		- rule中的属性name，email是表单里元素（<input>）的name值不是id
		
		- 若不加messages字段，会采用系统自定义提示信息，可以用中文插件
			- 方法:在页面引入messages_zh.min.js即可
            
*/
$("#myform").validate({
  rules: {
    name: "required",
    email: {
      required: true,
      email: true
    }
  },
  messages: {
    name: "Please specify your name",
    email: {
      required: "We need your email address to contact you",
      email: "Your email address must be in the format of name@domain.com"
    }
  }
});

干货类

Bug解决：顶层页面嵌套在框架里

html

<!--在顶层页面的head标签内添加-->
<script>
    if (window.top !== window.self) {
        window.top.location = window.location;
    }
</script>