Jquery知识点总结

Posted 2020-12-29 itworkerlittlewrite

JQuery遍历
1 传统的for   
2 通过each对象调用callback函数

callback回调函数

    /*
    * JQ提供的技术,实现遍历
    * JQ对象函数调用 each(参数 callback) 参数:函数 回调函数
    */
    //JQ对象,调用函数each(遍历),传递匿名函数
    //JQ自己调用,每遍历一次数组,自动调用一次匿名函数
    //匿名函数中参数,i是索引,element是遍历到的元素
    $options.each(function(i,element){
    //遍历到的元素,还是DOM对象
    
/*
* JQuery遍历方式:
*  不是用$options.each()
*  JQ直接调用函数each遍历
*  $直接调用函数each
* $.each(要遍历的对象,匿名函数(索引,遍历到的元素));
*/


绑定事件
方式一:只能绑定一个事件
/*$("#btn").click(function(){
    alert("绑定事件成功!");
});*/
方式二:
多个事件用逗号隔开
$("#btn").bind({
    "click":function(){alert("点击")},
    "mouseover":function(){
        alert("悬浮");
    }
});
解除绑定事件
先给该功能添加一个事件
$("#btn2").click(function(){
//    不填参数,解除所有事件,添加参数,解除指定的事件
    $("#btn").unbind();
});*/



$("form表单的选择器").validate({
 rules:{                       ---对哪个name进行校验
       表单项name值:校验规则，  ---校验规则有已经定义好的规则
       表单项name值:校验规则... ...
 },
 messages:{
       表单项name值:错误提示信息，
       表单项name值:错误提示信息... ...
 }
});