jquery对象与Dom对象

作者:神秘网友 发布时间:2021-02-28 13:20:03

jquery对象与Dom对象

!DOCTYPE html
html
head
    meta charset="utf-8"
    titlejquery对象与Dom对象/title
/head
body
input type="button" value="点我" id="btn"
script type="text/javascript" src="jquery.js"/script
script type="text/javascript"
    // console.log( document.getElementById('btn') );
    // console.log( $('#btn') ); //返回的是jq对象
    // console.log( $('#btn')[0] ); //jq对象中包含了dom对象

    // 区别: jq对象 调用jq对象的属性方法
    //           dom对象 调用dom对象的属性和方法
    //           
    // 相互转化:
    //     dom对象 转化为jq对象  一种写法  $(dom对象)
    //     jq对象 转化为dom对象  两种写法  $('div')[0]   $('div').get(0)

/script
    div id="box"/div
script
    // DOM对象
    // var box = document.getElementById('box');
    // 错误
    // box.text('hello');
    // box.html('hello');
    // 正确
    // box.innerText = 'hello';
    // box.innerHTML = 'hello';

    // jQuery对象,jQuery对象加前缀$,用以区分DOM对象
    // var $box = $('#box');
    // 错误
    // $box.innerText = 'hello';
    // $box.innerHTML = 'hello';
    // 正确
    // $box.text('hello');
/script
script
    // DOM对象 转化为jq对象
    // var box = document.getElementById('box');
    
    // $(box).text('hello');


    // jQuery对象,jQuery对象加前缀$,用以区分DOM对象
    var $box = $('#box');
    $box[0].innerHTML = 'hello';
    
/script
/body
/html

jquery对象与Dom对象 相关文章

  1. SpringAOP理解-代理对象创建(七)

    SpringAOP的核心首先是创建代理对象存入SpringIoC容器中,然后就是调用的时候使用责任链模式进行调用。首先研究SpringAOP创建代理对象的机制。 在Spring的AOP实现中,使用的核心技术是代理技术,而这种动态代理实际上是JDK的一个特性(1.3)。基于JDK动态代理

  2. .Net开源微型ORM框架测评

    什么是ORM 对象关系映射(英语:Object Relation Mapping,简称ORM,或O/RM,或O/R mapping),是一种程序技术,用于实现面向对象编程语言里不同类型系统的数据之间的转换。从效果上说,它其实是创建了一个可在编程语言里使用的“虚拟对象数据库”。 一般的O

  3. jquery怎么删除css某个style

    jquery删除css某个style的方法:首先新建一个html文件;然后引入jquery.min.js库文件;接着在div标签内,使用style定义div的样式;最后通过创建的delbg函数删除css某个style即可。 本教程操作环境:windows7系统、HTML5CSS3版、Dell G3电脑。 jquery移除styl

  4. Java 对象不使用时为什么要赋值为 null

    前言 许多Java开发者都曾听说过“不使用的对象应手动赋值为null“这句话,而且好多开发者一直信奉着这句话;问其原因,大都是回答“有利于GC更早回收内存,减少内存占用”,但再往深入问就回答不出来了。 鉴于网上有太多关于此问题的误导,本文将通过实例,

  5. 盘点国内外优秀公共DNS

    DNS(Domain Name System),即域名系统,在因特网上作为域名和IP地址相互映射的一个分布式数据库,能够使用户更方便的访问互联网,而不用去记住能够被机器直接读取的IP数串。通过主机名,最终得到该主机名对应的IP地址的过程叫做域名解析(或主机名解析)。

  6. Java面对对象编程(2)封装 继承 super 重写

    封装 该露的露,该藏的藏 我们程序设计要追求“高内聚,低耦合”。高内聚就是类的内部数据操作细节自己完成,不允许外部的干涉;低耦合:仅暴露少量的方法给外部使用 封转(数据的隐藏) 通常,应禁止直接访问一个对象中数据的实际表示,而应通过操作接口来

  7. 关于String对象到底占多少字节

    目录 空字符串 有长度的String 首先我们得先了解java的对象结构 可以看到分别由三个部分组成对象头,实例数据,以及填充位 查看JDK1.8 String源码可以看到一个String对象由以下组成: @Stable private final byte[] value; /** Cache the hash code for the s

  8. python学习之面向对象

    python学习之面向对象 类定义 与python的函数定义类似,只不过把def关键字替换为class class calculator(): passa=calculator()print(type(a)) 输出 class ' main .calculator' 构造函数 与php的定义类似,只不过把__construct替换成__init__ class calculat

  9. 转-Spring Data JPA中对象属性自动更新数据库

    摘要 :使用Spring Data JPA获取的对象,其属性变更后自动更新数据库问题排查与解决方案。 §问题描述 ??使用继承了JpaRepository的Dao从数据库中获取到某个对象,然后操作这个对象的set属性时,新值直接更新到了数据库。例如,UserDao继承了JpaRepository,

  10. 从JS创建对象到实现继承

    一、创建对象 1.工厂模式 JS中可以方便地通过字面量创建对象,问题是创建多个对象时需要把一样的代码重复多遍;可以通过工厂模式创建对象,如下: 1 function createPerson(name, age) { 2 let obj = new Object(); 3 obj.name = name; 4 obj.age = age; 5 o

每天更新java,php,javaScript,go,python,nodejs,vue,android,mysql等相关技术教程,教程由网友分享而来,欢迎大家分享IT技术教程到本站,帮助自己同时也帮助他人!

Copyright 2020, All Rights Reserved. Powered by 跳墙网(www.tqwba.com)|网站地图|关键词