什么是属性?

对象身上保存的变量就是属性

如何操作属性?

对象.属性名称 = 值;
对象.属性名称;
对象["属性名称"] = 值;
对象["属性名称"];

什么是属性节点?

<span name = "it666"></span>
在编写HTML代码时,在HTML标签中添加的属性就是属性节点
在浏览器中找到span这个DOM元素之后, 展开看到的都是属性
在attributes属性中保存的所有内容都是属性节点

如何操作属性节点?

DOM元素.setAttribute("属性名称", "值");
DOM元素.getAttribute("属性名称");

属性和属性节点有什么区别?

任何对象都有属性, 但是只有DOM对象才有属性节点

demo实例说明

如何操作属性

function Person() {}var p = new Person();p.name = "yjk";p["name"] = "zs";console.log(p.name);console.log(p["name"]);

创建一个函数,创建对象,可以使用 p.name 或者 p["name"](见前面 如何操作属性问题)

如何操作属性节点

创建一个span节点,使用对应方法对其进行操作。(见问题 如何操作属性节点)

var span = document.getElementsByTagName("span")[0];
span.setAttribute("name", "The name is yjk");
console.log(span.getAttribute("name"));

Mr.J-- jQuery学习笔记(五)--属性及属性节点相关推荐

  1. Kotlin学习笔记(五) 扩展函数 扩展属性

    2019独角兽企业重金招聘Python工程师标准>>> 扩展函数和属性可以定义在对应的类中和kotlin文件中; 1.扩展函数 1.扩展函数可以由对象直接调用,在扩展函数中,用thi ...

  2. html添加删除元素属性,jQuery学习笔记——.attr()和.removeAttr()方法操作元素属性

    今天主要和大家一起分享一下如何使用jQuery的jQuery就可以让我们轻松的读取,添加,更改或删除一个(或多个)元素中的任何属性,在jQuery中我们可以使用下面的方法来实现:.attr():jQu ...

  3. jQuery学习笔记(二)

    jQuery学习笔记(二) 二.管理jQuery包装集 1.创建新的元素 使用HTML DOM 创建元素 var select=document.createElement("select& ...

  4. jQuery学习笔记之DOM操作、事件绑定(2)

    jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定 源码地址: https ...

  5. 【转载】jQuery学习笔记

    jQuery学习笔记 1 基础 HTML :一个人的裸体,是一个人的物质基础,是一个结构. CSS :一个人的漂亮外衣,使一个人看起来不是那么原始,修饰了一个人. JavaScript :一个人的灵魂 ...

  6. 吴恩达《机器学习》学习笔记五——逻辑回归

    吴恩达<机器学习>学习笔记五--逻辑回归 一. 分类(classification) 1.定义 2.阈值 二. 逻辑(logistic)回归假设函数 1.假设的表达式 2.假设表达式的意义 ...

  7. 【AngularJs学习笔记五】AngularJS从构建项目开始

    为什么80%的码农都做不了架构师?>>>    #0 系列目录# AngularJs学习笔记 [AngularJs学习笔记一]Bower解决js的依赖管理 [AngularJs学习笔 ...

  8. javaweb(03) jQuery学习笔记

    javaweb(03) jQuery学习笔记 jQuery介绍 什么是jQuery jQuery,顾名思义,也就是 JavaScript 和查询(Query),它就是辅助 JavaScript 开发的 ...

  9. jquery学习笔记及常用函数封装

    二.JQuery 学习笔记及常用函数封装 https://download.csdn.net/download/weixin_42530002/13087988 1.JQuery入门 (1).css选 ...

  10. 哈工大操作系统学习笔记五——内核级线程实现

    哈工大os学习笔记五(内核级线程实现) 文章目录 哈工大os学习笔记五(内核级线程实现) 一. 中断入口.中断出口(前后两段) 1. 从int中断进入内核(中断入口第一段) 2.中断出口(最后一段) ...

最新文章

  1. centos7 设置中文
  2. mysql insert concat_MySQL常用内置函数说明+concat+insert(str,m,n,inser_str)+week(now())+ | 学步园...
  3. 分析|CVE-2021-3156-sudo堆溢出高危漏洞
  4. Vue2.0 传值方式
  5. 《c#编程语言详解》,C#编程语言详解(第2版)
  6. ecs 对比 本地服务器_阿里云服务器双十一活动福利
  7. English trip EM2-LP-3A Gifts Teacher:Patrick
  8. 【鲲鹏来了】手把手教你在鲲鹏上使用编程语言——C语言
  9. linux内核驱动ldd3_手把手教Linux驱动7内核互斥锁
  10. 解决错误---undefined reference to `pthread_create‘
  11. 【雷达测角】基于matlab和差波束加权【含Matlab源码 1674期】
  12. Sentaurus TCAD 2013安装包下载
  13. js中int转byte(-128—127)
  14. 招行线上笔试java_今天参加了招行科技的在线笔试
  15. 勒索软件Cerber和TeslaCrypt的区别-------典型的勒索软件家族
  16. vue-loader was used without the corresponding plugin.
  17. 【vue开发基础】之使用阿里巴巴矢量图标库
  18. Fildder拦截请求并修改请求参数
  19. 球的表面积(数论题)
  20. latex多幅图片排列 2*2示例

热门文章

  1. 67页综述深度卷积神经网络架构:从基本组件到结构创新
  2. ICCV2019 | 腾讯优图13篇论文入选,其中3篇被选为Oral
  3. 分享一个绝佳的实战机器学习的机会,边学边比拿奖金!
  4. 超全机器学习工程师成长路线图,GitHub已收获6400+Star!
  5. Markdown编辑公式
  6. mysql 实现非递归树_二叉树的非递归前序,中序,后序遍历算法
  7. 北大校友的算法被玩出新高度,AI自动化在线抠图
  8. 带你自学Python系列(十七):Python中类的用法(三)
  9. 《Python编程从入门到实践》记录之input()函数
  10. 全球首颗光线追踪绘图处理器