1、jQuery对象就是通过jQuery包装Dom对象后产生的对象:alert($('#div1').html())。Dom对象要想通过jQuery进行操作,先要转换为JQuery对象。
2、$('#div1').html()等价于:
document.getElementById("div1").innerHTML;
3、$('#div1')得到的就是jQuery对象,jQuery对象只能调用jQuery对象封装的方法,不能调用Dom对象的方法,Dom对象也不能调用jQuery对象的方法,所以alert($('#div1').innerHTML是错的,因为innerHTML是DOM对象的属性。
4、Array是JS语言本身的对象,不是Dom对象,因此不需要转换为Jquery对象就可以用。
5、将Dom对象转换为JQuery对象的方法,$(dom对象);当调用jQuery没有封装的方法的时候必须用Dom对象,转换方法:var domobj = jqobj[0]或者var domobj=jqobj.get(0)
6、在引用外部js的Script标签内不能再写js代码,引用外部js的Script标签也不能用简写方法闭合。
7、jQuery修改样式:$(“#div1”).css(“background”, “red”);获得样式$(“#div1”).css(“background”);修改value:$(“#un”).val(“abc”),获得value:$(“#un”).val(),类似的获得、设置innerText、innerHTML用text()和html()。val、html、text等是方法,不是属性,jQuery中很少有属性的用法(没有css.color=‘red’),因为属性写法很难“链式编程”。
function test() {var div1 = document.getElementById("div1");var jqDiv1 = $(div1);alert(jqDiv1.html());var domdiv = jqDiv1[0];alert(domdiv.innerHTML);}
<input type="button" onclick="test()" value="click" />