轩枫阁

首页 / Web前端 / 授人以渔 / Javascript / jQuery和Javascript对比(一)

jQuery和Javascript对比(一)

1.加载方式

JS

window.onload:必须等待网页中所有的内容加载完毕之后(包括图片)才能执行。

而且不能同时编写多个window.onload。如果有,则最后一个是有效的

jQuery

$(document).ready():网页中所有DOM结构绘制完毕后就执行,可能DOM元素关联的东西还没加载完。

能同时编写多个$(document).ready()

2.获取DOM对象

JS

获取id结点:document.getElementById(“id”);

获取class结点

jQuery

$(“#id”)

$(“.class”)

3.预留退路

设置css样式时,JS方式document.getElementById(“tt”).style.color=”red”;,当结点不存在时,浏览器会报错,Uncaught TypeError: Cannot read property ‘style’ of null。

修改方法是,

if(document.getElementById(“tt”)){
document.getElementById(“tt”).style.color=”red”;
}

用jQuery方式时不会产生以上现象

458/470
460/470

相关阅读

文章评论

  • 可能DOM元素关联的东西还没接在完。错别字,“没接在完”。

    • 感谢

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子