jquery之再次出发1

不行不行,又把jquery书看了一遍,这次不能白看,收获从现在开始

对比window.onload

  • 执行时机:必须等待网页中所有的内容加载完毕后(包括图片)才能执行;
  • 不能编写多个

$(document).ready()

  • 网页中所有DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完

  • 能编写多个

  • 简写为$(function(){ })

jquery 的链式操作风格,记得为代码添加注释

对比 DOM对象

DOM文档对象模型,每一份DOM都可以表示成一棵树

对比jquery对象

jquey对象就是通过jQuery包装DOM对象后产生的对象
是jQuery独有的,可以使用JQery里的方法

$("#foo").html();//获取id为foo的元素内的html代码,html()是jQuery里的方法

这段代码相当于

document.getElementById("foo").innerHTML;

在jQery对象中无法使用DOM对象的任何方法;DOM对象也不能使用jQuery里的方法

相互转换

jQuery对象转化为DOM对象:[index]和get(index)

var $cr = $("#cr");   //jQuery对象
var cr1 = $cr[0];  //DOM对象
var cr2 = $cr.get(0);  //DOM对象
alert( cr1.checked );

DOM对象转化为jQuery对象:[index]和get(index)

对于DOM对象,只需要用 ()DOMjQuery ()函数相当于一个jQery对象的制造工厂

document.getElementById("cr");  //DOM对象
var $cr = $(cr);

jQery和其他库的冲突问题

代码中还没有遇见过,暂时略

发布了52 篇原创文章 · 获赞 3 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_26327971/article/details/62893582
今日推荐