zoukankan      html  css  js  c++  java
  • jQuery对象与DOM对象

    1. $(document).ready的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续代码。因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的被加载完毕后才能正常的使用。

    2. jQuery对象与DOM对象是不一样的。

    <p id='china'></p>

    普通处理,通过标准JavaScript处理:

    var p=document.getElementById('china');

    p.innerHTML='为中国加油,为中国喝彩';

    p.style.color='red';

    通过原生DOM模型提供的document.getElementById('china')方法获取的DOM元素就是一个DOM元素,再通过innerHTML与style属性处理文本与颜色。

    jQuery处理:

    var $p=$('#china');

    $p.html('为中国加油,为中国喝彩’).css('color','red');

    通过$('#china')方法会得到一个$p的jQuery对象,$p是一个类数组的对象。这个对象里包含了DOM对象的信息,然后封装了很多操作方法,调用自己的方法html与css,得到了效果与标准的javascript处理结果是一致的。

    通过标准的JavaScript操作DOM与JQuery操作DOM的对比,我们不难发现:

    (1)通过jQuery方法包装后的对象,是一个类数组对象。它与DOM对象完全不同,唯一相似的是它们都能操作DOM。

    (2)通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不是需要我们具体知道哪个DOM节点有哪些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也更加精短。

  • 相关阅读:
    DDD之3实体和值对象
    DDD之2领域概念
    DDD之1微服务设计为什么选择DDD
    SOFA入门
    COLA的扩展性使用和源码研究
    kafka可插拔增强如何实现?
    请设计一个核心功能稳定适合二开扩展的软件系统
    如何保证kafka消息不丢失
    kafka高吞吐量之消息压缩
    kafka消息分区机制原理
  • 原文地址:https://www.cnblogs.com/zhongjiang/p/6099656.html
Copyright © 2011-2022 走看看