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

Posted 2020-11-20

喵星人

tags:

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})