Jquery补充及插件

此篇为jQuery补充的一些知识点，详细资料请看另一篇博客，地址：https://www.cnblogs.com/chenyanbin/p/10454503.html

1 $.map(array,callback(element,index));
2     1.对于数组array中的每个元素，调用callback()函数，最终返回一个新的数组。原数组不变
3 
4 $.each(array,fn);遍历数组，return false来退出循环。
5     1.主要用来遍历数组，不修改数组，对于普通数组或者“键值对”数组都没有问题
6     2.在each函数中可以直接使用this，表示当前元素的值

    <script src="jquery-3.3.1.js"></script>
    <script type="text/javascript">
        var arrInt = [1, 2, 3, 4, 5, 6, 7, 8];
        $.each(arrInt, function (key, value) {
            if (key == 3) {
                //break;  //在$.each中跳出循环不能使用break，需要使用return false;
                return false;
                //jQuery底层源码，因为调用callback.call()判断是否为false，直接break了
                //if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
                //    break;
                //}
            }
            //当使用each遍历，普通的数组的时候，索引就是键，值就是值
            alert('key:' + key + '....' + 'value:' + value);
        })

        //遍历键值队集合
        //var personInfo = { 'name': '张三', 'age': 19, 'gender': '男' };
        //$.each(personInfo, function (k, v) {
        //    alert('key:' + k + '...v:' + this);
        //});
    </script>

 1 页面加载执行JavaScript与jQuery写法区别
 2 JS:
 3     window.onload(function(){
 4 
 5 });
 6 JQuery:
 7     方式一：
 8              $(document).ready(function(){
 9 
10 });
11      方式二:
12               $(function(){});   等价于$(document).ready(function(){});    
13 
14 两者区别:
15     1.window.onload需要等待页面全部加载完毕才会触发，即所有的Dom元素创建完毕、图片、CSS等加载完毕后才被触发。
16     2.$(document).ready()只要Dom元素加载完毕即触发，这样可以提升相应速度
17     3.$(document).ready();可以多次注册事件处理程序，并且最终都会执行，而window.onload每次注册新的事件处理程序时都会将前面的覆盖掉
18 
19 以下jQuery三种写法相同
20 jQuery(document).ready(function(){
21 
22 });
23 
24 $(document).ready(function(){
25 
26 });
27 
28 $(function(){
29 
30 
31 });

补充