2018-08-26 jQuery与javaScript的区别及核心方法

时间:2024-11-29 20:34:01

1.jq对象就是js new Object 生成的普通对象。

2.jq对象与js对象,他们的方法不能共用!

3.jq对象与js对象的相互转化:

  js对象转jq对象 -> $(js_obj);//这样,js_obj就可以使用jq方法;

    $(js_obj).click(function(){});

  jq对象转js对象 -> ① $('div')[0];//这样,jq对象就可以使用js方法;

             ② $('div')get(0);//这样,jq对象就可以使用js方法;

    $('div')[0].innerTHML = "abc";

4.jq函数体内$(this)与this的区别;

  $(this)->代表本jq对象;

  this->代表本dom对象;

   $('div').click(function(){
        this.innerHTML = "abc";
        $(this).html('abc');

    //这两个方法实现效果一致,结合上面第三点不难看出其中的原理

})

5.jq核心方法

  each() -> 对象的遍历(可以传参数i);

    $("img").each(function(i){

      this.src = "test" + i + ".jpg";

    });

  size() -> 体内包含jq对象的个数;

  length -> 长度属性,功能同上;

  get() -> 获取第几个jq对象,并将其转化成js对象;

  a.index(b) ->a对象在b对象中的索引;

  data() ->给jq对象增加属性(json格式);

    jq_obj.data({'age',20})

6.假如$()已被其他js所定义,则jq可使用jQuery()来代替$()