JQuery获取/赋值元素属性的两方式

最新推荐文章于 2025-03-04 17:00:45 发布
原创 最新推荐文章于 2025-03-04 17:00:45 发布 · 853 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了jQuery中attr和prop方法的区别与用法。attr方法主要用于读取和设置元素的自定义属性，而prop方法则用于操作DOM元素的原生属性。通过具体示例展示了如何使用这两种方法来修改和获取属性值。

attr:读取自定义属性

    $("#id").attr("edit-id","123"); // 赋值

    $("#id").attr("edit-id"); //取值

prop:读取dom原生属性

    $("#id").prop("edit-id","123"); //赋值

    $("#id").prop("edit-id"); //取值

JQuery中根据属性或属性值获得元素(6种情况获取方法)
12-03
根据属性获得元素 1.比如要获取页面p标签中属性有id的元素 代码如下: $(“p[id]”).css(“color”,”red”); 根据属性值获得元素 1.$。在jQuery 中$(“<span>”)，这个语法等同于$(document.createElement(“span”)) ，这是一种用法，在选择元素的时候还会这样子的用：[attribute$=value]，匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一下： HTML代码 代码如下: <input name=”newsletter” /> <input name=”milkman” /> <input name=”
Jquery attr()方法 属性赋值和属性获取详解
11-26
`jQuery`中的`attr()`方法是用于操作HTML元素属性的重要函数，它可以帮助开发者方便地获取或设置DOM元素的属性值。在jQuery库中，`attr()`具有多种使用方式，能够满足不同场景的需求。 1. `attr(属性名)`：这个...
jQuery：给自定义属性赋值 | 自定义属性
qq_36880027的博客
07-04 391
let elem = document.createElement("input"); elem.type = "checkbox" elem.title = simData[0].teamLeader; elem.id = simData[0].teamId; elem.name = simData[0].teamLeader; // elem.setAttribute("lay-skin","primary"); // elem.setAttri...
jQuery 取值、赋值的基本方法
tianshan57的博客
12-07 2071
/*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /*获取单选按钮的值*/ var valradio = $("input[@type=radio][@checked]").val(); ...
2 JS 和 Jquery 设置和获取元素属性值
集电极
08-16 773
通过attr()和prop()方法都可以为元素添加class属性，但是attr()和prop()是为元素添加新的class属性的同时，将原来的class属性全部清空（也就是覆盖之前的属性）。获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。想添加而不删除以前的属性，需要使用。...
jquery给元素赋值_学习jQuery
weixin_39686230的博客
01-31 5323
开始学习基础的jQuery，对一些内容做一个记录。1.jQuery 如何获取元素jQuery的基本设计思想和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。选择表达式可以是CSS选择器：　　$(document) //选择整个文档对象 　　$('#myId') //选择I...
jquery之取值和赋值（一组元素）
qq_23499399的博客
07-31 583
&lt;body&gt;         &lt;ul&gt;         &lt;li&gt;1111&lt;/li&gt;         &lt;li&gt;2222&lt;/li&gt;         &lt;li&gt;3333&lt;/li&gt;         &lt;li&gt;4444&lt;/li&gt;         
jQuery使用元素属性attr赋值详解
12-12
在JavaScript的世界里，jQuery库极大地简化了DOM操作，包括元素属性的处理。本文将深入解析jQuery中的`attr`方法，它是用于获取、设置或移除HTML元素属性的关键工具。 首先，`attr(name)`方法用于获取匹配元素的第...
jQuery中ajax获取数据赋值给页面的实例
10-18
jQuery中使用Ajax技术获取数据并将其赋值给页面元素的示例涉及了前端开发中相当重要的知识点，包括HTML、PHP后端数据处理以及jQuery的Ajax操作。接下来，我们将对这些技术点进行详细介绍。 首先，HTML部分展示了一...
jquery当中如何给某个属性赋值
qq_44594371的博客
11-17 1651
例 1.7（attrSet.html） <html> <head> <title>attr(name,value)方法</title> <style type="text/css"> <!-- button{ border:1px solid #860066; } --> </style> <scr...
jQuery|对象及变量赋值
weixin_34088583的博客
01-01 4369
jQuery的data() 方法向被选元素附加数据，或者从被选元素获取数据。 数据可以是一个值(键值对），也可以是对象。 实例 向 <div> 元素附加数据，然后取回该数据： $("#btn1").click(function(){ $("div").data("greeting", "Hell...
jQuery的赋值方式详解
CyberByte的博客
09-29 1029
jQuery的.html()方法可用于设置或获取选定元素的HTML内容。通过传递参数给.html()方法，可以将指定的HTML代码赋给选定的元素。jQuery的.css()方法可用于设置或获取选定元素的CSS属性值。通过传递参数给.css()方法，可以将指定的CSS属性值赋给选定的元素。可以通过传递参数给.text()方法，将指定的文本赋给选定的元素。可以通过传递参数给.attr()方法，将指定的属性值赋给选定的元素。通过传递参数给.val()方法，可以将指定的值赋给选定的元素。使用.css()方法赋值。
jQuery对元素取值与赋值的方法
what_zhou的博客
07-29 1019
Jquery给基本控件的取值、赋值 : var str = $(’#txt’).val(); $(’#txt’).val(“Set Lbl Value”); //文本框， $(’#txt’).val(" “); //清空内容 文本区域： $(”#text_id").attr(“value”,’’);//清空内容 $("#text_id").attr(“value”,‘test’);// 填充内容 ...
Jquery中给属性赋值时应该注意的问题
学习
10-16 1779
Jquery中的赋值时应该注意，对于大小值 ，(如:20px , 30pt ...)　为了兼容浏览器，应该如下方式赋值：$("div.test").css("left","20px");（在Firefox中　$("div.test").css("left","20px;");　也是可以的，但IE中就不行了）
jQuery 取值、赋值的基本方法整理
丁员外的破草屋
01-18 523
/获得TEXT.AREATEXT的值/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /获取单选按钮的值/ var valradio = $("input[@type=radio][@checked]").val(); /获取一组名为(items)的radio被选中项的值/ var
Jquery自定义属性取值、赋值，自定义date属性取值赋值
liu834189447的博客
10-18 2877
这里自定义了属性“ data-page” <a href="javascript:;" class="layui-laypage-prev" id="LastPage" data-page="4" date_page="5">上一页</a> 这里分三种情况，取“上一页”，取“4”，取“5” 获取属性值 var aa= $("#LastPage").text(); 结果...
jQuery中的取值和赋值运用
最新发布
2301_79620048的博客
03-04 600
val()：获取或设置表单元素的值，如文本框、下拉框、复选框等.text()：获取或设置元素的文本内容.html()：获取或设置元素的HTML内容.prop()：设置或获取元素的属性（例如：复选框的checked状态、单选按钮的selected状态等）css()：获取或设置元素的CSS样式。
Jquery attr()方法 属性赋值和属性获取
weixin_33834075的博客
11-04 4590
jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1.attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ） 2.at...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值