【JS】HTMLprop与attr的区别 JQuery中的text(),html()和val()区别

最新推荐文章于 2024-12-30 01:55:17 发布

嘎嘎_哈

最新推荐文章于 2024-12-30 01:55:17 发布

阅读量196

点赞数

分类专栏：网页编程文章标签： js prop和attr的区别 jquery text()和html()和val()区别

本文链接：https://blog.youkuaiyun.com/weixin_45222544/article/details/103402579

版权

网页编程专栏收录该内容

3 篇文章

订阅专栏

【JS】HTMLprop与attr的区别

与prop一样attr也可以用来获取与设置元素的属性。
区别在于，对于自定义属性和选中属性的处理。
选中属性指的是 checked,selected 这2种属性

对于自定义属性 attr能够获取，prop不能获取
对于选中属性
attr 只能获取初始值，无论是否变化
prop 能够访问变化后的值，并且以true|false的布尔型返回。

JQuery中的text(),html()和val()区别

text() 方法方法设置或返回被选元素的文本内容
html() 方法返回或设置被选元素的内容 (inner HTML)，包括标签。
val() 方法返回或设置被选元素的值。

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

方法主要用于获取表单元素的值

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

嘎嘎_哈

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

HTML5中自定义数据属性(2)data-*自定义数据

漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）

10-06

1221

属性的值时，属性名中的连字符（-）将被转换为驼峰命名法（camelCase）。因此，在上面的示例中，我们使用。属性非常有用，可以用于在HTML元素上存储额外的信息，这些信息可以在JavaScript中进行访问和处理。属性是HTML5中引入的一种自定义数据属性，用于在HTML元素上嵌入自定义数据。属性，分别存储了容器中的项目限制和排序顺序。属性的值，可以使用JavaScript中的。在上面的示例中，我们在一个。在上面的示例中，我们在一个。在上面的示例中，我们在一个。在上面的示例中，我们在一个。

HTML5自定义属性的用途及编程实践

CyberBladeX的博客

10-08

300

自定义属性是HTML5中一项强大的功能，它允许开发人员在标记中添加自定义的属性和值，以便在编程中使用。总结起来，HTML5自定义属性是一项强大的功能，它允许我们在HTML元素中存储自定义的属性和值。通过在元素中添加自定义属性，我们可以为元素提供附加的信息，而无需使用额外的标记或JavaScript变量。函数，我们可以在CSS中引用自定义属性的值。除了获取自定义属性的值，我们还可以使用JavaScript来设置自定义属性的值。除了使用JavaScript操作自定义属性，我们还可以在CSS中使用自定义属性。

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

H5自定义属性

ayhg1的博客

06-04

497

** H5自定义属性 ** H5自定义属性传统的HTML中如果想要实现某种样式，可以在标签上添加id、class、或者在标签上添加固有属性，通过CSS中的类选择器、id选择器、属性选择器来实现，在许多UI框架中，例如：bootstrap，可以通过data-[ ]自定义属性，不用写一行js代码，方便了很多。同样在HTML5可以通过data-自定义属性名来给元素添加自定义的属性名。一旦添加完成之后。通过JS可以获取以及设置自定义属性。例如： <div data-sup= "thisData" id =

HTML Prop 与 Attr的区别

qq_27552077的博客

06-04

2598

引言：昨天在用bootstrap的模态框的时候，因为我需要在不同的列表中打开同一个模态框（内含一个form表单），所以需要根据列表中的内容去渲染不同的模态框，其中form表单中的有一个checkbox复选框，其中的值需要根据对应列表的值去重新渲染，我想到的做法就是通过jquery的attr方法，刚进入模态框的时候先清空checkbox复选框checked属性，然后在通过attr重现设置响应

【HTML】元素自定义属性设置与获取（两种方式-含data-*）

m0_61486963的博客

08-10

7766

元素自定义属性设置与获取（两种方式-含data-*）

html data- 自定义属性的使用

ili_ii的博客

10-14

1823

data-属性（通常称为 data attributes）提供了一种简单而有效的方式来存储页面或应用程序的私有自定义数据。

jquery属性操作 html() prop()

DevOps海洋的渔夫@专栏

04-20

411

1、html() 取出或设置html内容 // 取出html内容 var $htm = $('#div1').html(); // 设置html内容 $('#div1').html('<span>添加文字</span>'); 使用html()相当于原生javascript的innerHtml，即可以获取元素的之间的html内容，还可以创建新的html...

html()和text()和val()方法、attr()和prop()方法

weixin_46065214的博客

08-23

1112

html()和text()和val()方法、attr()和prop()方法

了解Prop的使用

weixin_45663702的博客

07-27

2509

了解Prop的使用

HTML——20 自定义属性

最新发布

weixin_63215361的博客

12-30

773

【代码】HTML——20 自定义属性。

【HTML5】关于attr和prop方法的用法与解析

星光不问赶路人，时光不负有心人。

01-07

2656

目录 1.什么是attribute，什么是property 2.什么是布尔值属性，什么是非布尔值属性 3.attribute和property的同步关系 4.用户操作的是property 5.浏览器认的是property 如果只想知道attr()和prop()方法该如何用的话请直接滑到最底部的结论！首先你得知道他们的全称 attr : attribute prop :...

彻底弄懂父组件给子组件传值prop

云端-公子清

06-16

1384

父组件给子组件传值（投票）局部组件实践和组件之间的嵌套：父组件把信息传递给子组件：props属性传递默认传递给子组件的属性值都是字符串格式的，如果需要传递数据的格式是数据本身应该具备的数据，我们需要基于v-bind实现传递（哪怕传递的属性值还是固定）可以把子组件当做一个标签，我们可以设置ID、clsaa, style等内置属性值，这些属性也会传递给子组件，vue会帮我们处理好的，该合并的合并，该覆盖的覆盖，无需我们在props中注册处理` <!DOCTYPE html> <

HTML5中的自定义属性总结

张木期的博客

05-30

5484

在HTML5中添加了data-*的方式来自定义属性，所谓data-*实际上上就是data-前缀加上自定义的属性名，使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。读写方式 data-*有两种设置方式，可以直接在HTML元素标签上书写 <div id="test" data-age="24"> Click Here </...

html中自定义添加属性并获取属性值

qq_42078712的博客

05-11

1798

在这个例子中，我们在div元素上定义了一个名为"data-index_id"的属性，它的值是"123"。如果我们想从这个元素中获取这个属性的值，可以使用代码。这时，jQuery就会在DOM元素上查找名为"index_id"的数据，并将其作为返回值返回。请注意，如果元素上没有存储数据，则会返回undefined。前缀来添加以避免冲突。虽然这些自定义属性不能被浏览器自动识别和处理，但是可以使用JavaScript来读取和操作它们的值。等，但在一些特殊场景中，如果开发者需要添加自定义属性，可以使用。

html自定义属性

weixin_33716154的博客

04-22

是不是经常因为标签不是input而无法储存、获取更多想要的值？不要怕，html可以自定义属性，你想怎么用就怎么用。例：在span标签自定义属性“val”(一般标签都可以自定义属性)<span class="oneionp" id="province" val="自定义属性值"> 我是span标签</span>如何获取自定义属性值？var abc= $(...

HTML - 标签自定义属性

热门推荐

chenjineng的博客

08-20

1万+

html标签中，除了标准的属性名外，还可以自定义属性名，下面看下两种自定义属性的使用 1.自定义属性名 <body> <button desc="this is a button">Click me!</button> <script> var btn = document.querySelector('button') console.log(btn.getAttribute('desc')) // 获取属性值 b

jquery属性操作.html(),, .prop()

a1209849629的博客

04-15

431

jquery属性操作 1、html() 取出或设置html内容 // 取出html内容 var $htm = $('#div1').html(); // 设置html内容 $('#div1').html('<span>添加文字</span>'); 2、prop() 取出或设置某个属性的值 // 取出图片的地址 var $src = $('#img1').prop(...

html——获取某个节点的全部html代码(使用html()和prop()方法)

知北行的博客

04-13

646

使用时注意两点： 1、jquery的html()方法是获取指定元素的子元素的HTML代码，但无法获取本身的DOM节点的HTML代码。 2、如果需要的要获取元素本身的DOM节点及其子节点的HTML代码，应该使用prop(“outerHTML”)来获取。 ...

JQuery属性操作(html()、text()、val()、attr()、prop() )

m0_59860403的博客

11-02

389

html() 它可以设置和获取起始标签和结束标签中的内容跟dom属性innerHTML一样 $("div").html();//获取 $("div").html("<h1>这是html设置</h1>");//设置 text() 它可以设置和获取起始标签和结束标签中的文本跟dom属性innerText一样 $("div").text();//获取 $("div").text("<h1>这是html设置</h1>");//设置 v...

html5--自定义属性

m0_72694993的博客

10-13

4571

4.在标签上通过data-设置的方法和dateset添加的属性获取属性的方式一样，但是要有一点需要注意。当我们设置属性名的时候如果出现多个字符串即像下边data-set-input这种情况的话，在调用属性的时候需要用驼峰命名。1.直接添加，通过querySelector获取到html元素之后，直接.属性进行初始化就可以为元素添加自定义属性了。2.setAttribute('属性名','属性值')，添加自定义属性并初始化。3.通过dateset方法添加的属性，通过dateser.属性名获取。