稳固而窒息 jquery attr 和 Prop的区别

最新推荐文章于 2023-01-06 08:50:49 发布

dicha7140

最新推荐文章于 2023-01-06 08:50:49 发布

阅读量1.9k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/CyLee/p/9059806.html

版权

通常在获取或者设置checked，selected，readonly，disabled等的时候使用prop效果更好

attr是通过setAtrribute和getAttribute来设置的，使用的是DOM属性节点，而prop是通过document.getElementById(el)[name] = value来设置的，是转化为js对象的属性。

一般如果是标签自身自带的属性checked，selected，readonly，disabled等，我们用prop方法来获取；如果是自定义的属性，我们用attr方法来获取。

转载于:https://www.cnblogs.com/CyLee/p/9059806.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dicha7140

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

DOM的简介

Cg_Companion_Xi的博客

12-28

2544

DOM是网页中的用来表示文档中对象的标准模型，通过JavaScript可以对网页中的所有DOM对象进行操作，是由万维网联盟W3C组织制定的标准编程接口。文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。 Document O...

jquery中attr和prop的区别分析

10-24

在jQuery中，`attr` 和 `prop` 是两个用于获取和设置HTML元素属性的方法，但它们之间存在着重要的差异。理解这两个方法的区别对于高效且准确地操作DOM至关重要。首先，`attr` 方法主要用于处理HTML元素的自定义...

参与评论您还未登录，请先登录后发表或查看评论

视频教程-Javascript DOM操作-JavaScript

weixin_30049143的博客

05-28

1598

Javascript DOM操作江湖花名"King"全栈工程师，开发工程师...

DOM----comment类型

weixin_34405332的博客

09-12

838

nodeTyep=8 nodeName=#comment nodeValue=注释内容转载于:https://www.cnblogs.com/vhyc/p/5866167.html

DOM补充

ahty的专栏

08-02

4349

一、节点的创建，插入与克隆 1. createElement("p") 创建一个节点（会自动补齐标签） 2. appendChild(p) 在元素末尾插入节点p 3. insertBefore(btn,p) 在元素内的p元素之前插入btn元素 4. cloneNode 克隆节点如： var div=docu

JavaScript稳稳稳扎记——dom 事件流三个阶段

Xzhang__的博客

01-05

1895

dom 事件流三个阶段事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。捕获和冒泡阶段 JS 代码中只能执行捕获或者冒泡其中的一个阶段。 onclick 和 attachEvent（ie）只能得到冒泡阶段。捕获阶段 addEventListener（type，listener【，useCapture】）第三个参数如果是true ，表示再事件捕获阶段用时间处理程序，如果是false或不写，表示在时间冒泡阶段调用事件处理程序 document -> html -&g

jquery中prop()方法和attr()方法的区别浅析

10-26

在jQuery中，`attr()`和`prop()`方法都是用来处理元素的属性（attributes）和特性（properties），但它们之间存在一些关键的区别。了解这些差异对于编写高效、无误的JavaScript代码至关重要。首先，属性...

Jquery中attr与prop的区别详解

10-19

在jQuery中，`attr`和`prop`是两个用于获取和设置HTML元素属性的方法，但它们之间存在着重要的区别。在高版本的jQuery中，引入`prop`方法是为了更精确地处理元素的特性，特别是那些与JavaScript行为密切相关的属性。...

jquery中attr、prop、data区别与用法分析

10-16

jQuery作为前端开发中非常重要的JavaScript库，其提供的attr、prop和data方法分别用于操作HTML元素的属性，理解它们的区别与用法对于前端开发人员来说非常重要。本文将结合实例详细分析这三个方法的差异、功能、使用...

dom补充

yanbuxu的博客

05-13

1202

DOM-下一、操作属性操作 … 样式操作设置什么时候会通过js设置样式？默认样式都在css中写了必然是和用户产生和交互的时候什么时候会和用户产生交互？至少至少是在项目写完了，上线之后，意味着css也写完了为了保证js（用户控制）的样式能够生效，至少得让js设置的样式，权重高一些至少，得是内联样式综上所述，在js中设置的样式，都是行内样式！方式可见的内置属性（html的属性）：style 注意 // 1.不允许出现中划线，改成小驼峰式 obox.style.fontSize = “1

Debugger:一个简单的控制台调试器

04-26

Debugger 学习参考版，许多地方没有优化(懒得) 实现功能：支持插件支持反反调试（只写了一种贼鸡儿简单的）获取导入表获取导出表获取指定某行的源码获取符号对应的地址获取地址对应的符号 dump 继续执行查看寄存器单步步入单步步过查看堆栈查看模块软件断点硬件断点硬件读断点硬件写断点查看内存内存执行断点内存写断点内存访问断点修改通用寄存器修改标志寄存器显示反汇编修改反汇编修改一字节空间内存修改二字节空间内存修改四字节空间内存修改八字节空间内存使用方法：请使用 .help 查看帮助手册

DOM和事件工作室主

02-20

DOM和事件工作室主

html+dom+深入,DOM 事件深入淺出（一）

weixin_36378832的博客

06-28

283

在項目開發時，我們時常需要考慮用戶在使用產品時產生的各種各樣的交互事件，比如鼠標點擊事件、敲擊鍵盤事件等。這樣的事件行為都是前端DOM事件的組成部分，不同的DOM事件會有不同的觸發條件和觸發效果。本文就將帶大家深入淺出地瞭解DOM事件的那些屬性和方法。首先在介紹DOM事件之前我們先來認識下DOM的不同級別。針對不同級別的DOM，我們的DOM事件處理方式也是不一樣的。DOM級別與DOM事件DOM級別...

DOM事件类

s_x_c520的博客

03-14

2065

DOM事件类基本概念：DOM事件级别DOM事件模型（捕获、冒泡）DOM事件流描述DOM事件的捕获具体流程（冒泡方向相反）Event常见应用自定义事件基本概念：DOM事件级别 //级别：DOM0 //IE浏览器onclick事件失效的处理方式:element.body.onclick element.onclick=function(){ console.log("onclick") } //...

JS视频| DOMException: 无法启动视频源(DOMException: Could not start video source)

热门推荐

nil null NSnull undefined

11-29

1万+

JS视频| DOMException: 无法启动视频源(DOMException: Could not start video source) 问题 DOMException: Could not start video source 信息： DOMException: 无法启动视频源你还在使用navigator.getUserMedia //navigator.getUserMedia 已被弃用 navigator.getUserMedia({ video: {} }, stream

一次令人窒息的百度面试

我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。

01-06

261

最近接到了百度的面试，个人觉得基础知识准备的比较充分，就去网上找了一些百度的面经，冥冥之中我在众多的面试题中打开了下边两个面试题：2021百度前端社招面经百度前端面试题分享，带答案看完之后我直呼“哇哦~”，全部在我的射程范围之内。我该不会如此幸运到问的全会吧。是的，答案就是不会，我就是没有幸运到问的全会。话不多说，接下来就回顾下面试的问题。看简历上来首先是万年不变的自我介绍，介绍完之后面试官就开始...

DOM操作

zhang1996922的博客

03-28

197

1.attr()------设置或获取元素的属性值。 2.返回值:removeAttr(name)----删除属性 3.prop(name|properties|key,value|fn)------设置或获取元素的属性值。 4.返回值removeProp(name)----删除属性 attr()与prop（）的区别：如果操作的是元素的故有属性则建议prop否则用attr() 1.对class的属...

dom之高级补充（offset系列，scroll,client）

isxixi的博客

12-07

705

offset系列 offsetWidth和offsetHeight 用来得到对象的大小 offsetHeight和style.height的区别demo.style.height只能获取行内样式，如果样式写到了其他地方，甚至根本就没写，便无法获取 style.height是字符串（而且带单位），offsetHeight是数值 demo.style.height可以设置行内样式，offsetHe

jQuery-Dom节点操作

塔克米的博客

05-11

879

1. jQuery追加标签 $('body').append('<h1 style="color: red;" class="c">hello world</h1>') $('.c').css('font-size','100px')2. 移除标签$('.c').remove()3. 添加父级标签, 在某个标签的外层添加标签$('.c').wrap('&...

jquery中attr和prop的区别