jQuery入门

Posted 2020-08-07

1.1 什么是jQuery？

JQuery是继prototype之后又一个优秀的Javascript库。

 

2.1 $和jQuery的说明

$是jQuery中的一个对象，jQuery中所有方法和属性都添加在这个对象中，$等价于jQuery，是jQuery的简写形式，“$ready”等价于“jQuery.ready”.

 

2.2 jQuery节点对象和DOM节点的相互转换

2.2.1 jQuery节点对象转换DOM节点

way1： var $div=$(‘#div‘);

　　　　var div1=$div[0];

 

way2:var $div=$("#div");

　　　var div1=$div.get(0);

2.2.2 DOM节点转换为jQuery节点对象

var div=document.getElementById("div");

var $div=$(div);

 

2.3 onload和jQuery中ready的说明

window.onload

执行时机：必须等待网页中所有的内容加载完毕后才能执行

编写个数：不能同时编写多个，否则只有最后执行的会生效

 

$(document).ready()

执行时机：网页中所有DOM结构绘制完毕后就执行（可能此时DOM元素关联的东西还没有加载完）

编写个数：可以同时编写多个，都可以生效

简化写法：$(function(){})