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

时间:2021-10-15 15:01:31

Lesson2 Ready

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

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

Lesson3 JQuery内置函数

$.map(array,fn)

对数组array中每个元素逐个进行处理,fn函数将处理返回,最后得到一个新数组

$.each(array,fn)

对数组array每个元素调用fn元素进行处理,没有返回值

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

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

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