jquery初识

  一、jQuery入口文件的写法:

    1.$(document).ready(functiion(){});

    2.jQuery(document).ready(functon(){});

    3.$(function(){});      //jQuery的核心理念为write less,do more,所以越简便越好,推荐使用这种写法

       4.jQuery(function(){});

    5.$(()=>{});        //第三种写法的变形,es6中箭头函数的写法

    6.jQuery(()=>{});

  tips:

   es6箭头函数(适用于匿名函数):

     1.写法:()=>{}

     2.解释:前括号传参数,当参数的个数为1时,括号可省略不写,写为:参数=>{},当参数为的个数为0个或者1个以上时,必须加上括号。当函数内部只有一条指令时,大括号可省略不写,默认返回指令的返回值

  二、jQuery的冲突问题

    当在引用其他框架时,可能会引起变量名冲突的问题。最常见的例子就是jQuery中$符号的使用,当引入其他框架一起写时如果其他框架也定义了$符号,那么就会引起变量的冲突,符号的具体定义取决去引入框架的先后顺序。

    解决办法:1.释放变量的使用权:jQuery。noconflict();.注意:释放操作必须在编写其他jQuery代码之前编写,释放之后不可使用变量名,改为用jQuery。

           2.自定义变量符号:var 变量名=jQuery.noconflict(); 定义变量后即可使用自己定义的变量名代替jQuery

  三、jQuery的核心函数

    1.$();   //代表调用jQuery的核心函数

      (1)接收一个函数,入口函数,$(function(){})

      (2)接收一个字符串

      (3)接收一个字符串选择器/代码片段/DOM对象

  四、jQuery的对象->伪数组

    (1)伪数组的定义:有0-length-1的属性(数组中的元素下标索引值),有length属性(数组的长度)

  五、jQuery方法与js原生方法的比较

    jQuery方法可以对伪数组进行操作,而js原生不能

    1.jQuery的each()和原生foreach()   遍历数组

    2.map方法

      jQuery写法:$map(arr,function(value,index){})       //参数:arr:要遍历的数组    function:遍历的回调函数,function中的参数,value:元素,index:下标

      原生js:arr.map(value,index,array){}    //参数:value:元素,index:数组下标,array:当前遍历的数组

  六、jQuery中map和each的区别

    1.each的静态方法默认返回值为遍历谁返回哪个数组的值,不支持在回调函数中对遍历的数组进行操作

    2.map的默认返回值为空数组,可以通过return对遍历的数组进行操作,生成一个新数组返回

posted @ 2020-06-15 22:29  邓忠集  阅读(114)  评论(0)    收藏  举报