【JQuery学习笔记】一、基础篇

Lesson2 Ready

• 和onload类似，但onload只能注册一次，后注册的取代现注册的，而Ready可以多次注册都会执行
• onload是所有院所创建完毕、图片、Css等都加载完毕后才触发，而ready则是Dom元素创建完毕后就被出发，这样可以提高网页的响应速度。在JQuery中也可以用$(window).load()来实现onload那种时间调用的时机。

 

Lesson3 JQuery内置函数

$.map(array,fn)	对数组array中每个元素逐个进行处理，fn函数将处理返回，最后得到一个新数组
$.each(array,fn)	对数组array每个元素调用fn元素进行处理，没有返回值

 

Lesson3 JQery对象

• JQuery对象就是通过JQuery包装Dom对象后产生的对象：alert($("#div1").html())，Dom对象要想通过JQuery进行操作，先要转换为JQuery对象。
• $("#div1").html()等价于：document.getElementById("div1").innerHTML;
• $("#div1")得到的就是JQuery对象，JQuery对象只能调用JQuery对象封装的方法，不能调用Dom对象的方法，Dom对象也不能调用JQuery对象的方法，所以alert($("div1" ).innerHTML)是错误的，因为innerHTML是DOM对象的属性
• 将Dom对象转换为JQuery对象的方法，$(Dom 对象)；当调用JQuery没有封装的方法的时候必须用Dom对象，转换方法：var domobj=jqobj(0)或者var domboj=jqobj.get(0)
• JQuery修改样式：$("#div1").css("background")；修改value: $("#un").val("#abc"),获得value: $("#un").val()，类似的获得、设置innerText，innerHTML用text()和html()