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()来代替$()