jQuery -> 获取／设置／删除DOM元素的属性

最新推荐文章于 2024-06-01 00:00:00 发布
最新推荐文章于 2024-06-01 00:00:00 发布
阅读量2.7k 收藏
点赞数
文章标签： jQuery getting setting removing
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FeeLang/article/details/26575721
版权

jQuery的属性操作非常简单，下面以一个a元素来说明属性的获取／设置／删除操作

<body>
<a>jquery.com</a>
</body>


添加属性

$('a').attr('href', 'http://www.jquery.com')


添加多个属性

$('a').attr({'href':'http://www.jquery.com', 'title':'jquery.com'})


获取属性

$('a').attr('href')


class属性


addClass()

添加一个class


hasClass()

判断是否有参数中指定的class


removeClass()

移除一个class


toggleClass()

如果参数中指定的class已经存在，则删除，反之，则添加。

feelang
关注
06-jQuery-DOM操作-属性操作-attr()\prop()\addClass()\toggleClass()等
记录java学习日常~
05-24 1265
对于 DOM 属性，prop() 方法不会修改原始 HTML 元素的属性值，它只会修改浏览器所跟踪的属性值，这种修改不会被序列化到 HTML 中。其中，$(selector) 是要设置属性值的元素的选择器，attributeName 是属性名，value 是属性值。其中，$(selector) 是要设置属性值的元素的选择器，propertyName 是属性名，value 是属性值。对于 HTML 属性，attr() 方法设置属性值时，属性值必须是字符串类型。
删除DOM
android开发笔记
06-08 647
删除一个DOM节点就比插入要容易得多。 要删除一个节点，首先要获得该节点本身以及它的父节点，然后，调用父节点的removeChild把自己删掉： // 拿到待删除节点: var self = document.getElementById('to-be-removed'); // 拿到父节点: var parent = self.parentElement; // 删除: var remov...
JqueryDOM操作-删除属性
hd001wlf奋斗！
11-10 277
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> jquery_demo //jquery格式$(function(){}); $(function(){ $("ul li:eq(2)").removeAttr("title");
jquery 获取、添加、修改、移除DOM属性
菜小峰的专栏
04-23 1388
1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ） 2. attr(属性名, 属性值) //设置属性的值 （为所有匹配的元素设置一个属性值。） 3. attr(属性名,函数值) //设置属性的函数值 （为所有匹配的元素设置一个计算的属性值。
12_JQuery DOM操作之获取、设置和删除元素标签属性
l0510402015的博客
04-14 450
1.attr(): 获取/设置元素的属性 2.removeAttr():删除属性 3.prop():获取/设置元素的属性 4.removeProp():删除属性 *attr和prop区别？ 1.如果操作的是元素的固有属性(就是在h5官方文档中列出的属性)，则建议使用prop 2.如果操作的是元素自定义的属性，则建议使用attr 注意：有些固有 举例： ...
jQuery对Dom元素的增删改操作常用方法
m0_46639782的博客
07-16 676
toggleClass()：在元素上添加/移除一个类名。prepend()：将元素添加到目标元素的开头。html()：设置或获取元素的 HTML 内容。addClass()：为元素添加一个或多个类名。append()：将元素添加到目标元素的末尾。remove()：删除目标元素及其子元素。before()：在目标元素前添加元素。text()：设置或获取元素的文本内容。after()：在目标元素后添加元素。empty()：清空目标元素的子元素。attr()：设置或获取元素的属性值。
jQuery 获取/设置/删除DOM元素的属性以a元素为例
10-25
本篇文章将深入探讨如何使用jQuery获取、设置和删除DOM元素，特别是以`a`元素为例，来阐述这些操作。 首先，让我们从获取属性开始。在jQuery中，`attr()`函数用于获取或设置元素的属性。例如，如果我们有一个`<a>`...
Jquery属性的获取/设置及样式添加/删除操作技巧分析
10-15
在jQuery中，对元素属性和样式的操作是常见的任务，这包括获取属性值、设置属性值、添加或删除样式。以下是对这些操作的详细解析： 首先，jQuery提供了`attr()`方法来获取或设置元素的属性。例如，我们可以使用`$(...
jQuery元素属性操作实例(设置、获取及删除元素属性)
10-21
- `.prop()`：与 `.attr()` 类似，但 `.prop()` 主要用于处理布尔值属性、DOM元素属性（如 `checked` 或 `selected`）和JavaScript对象属性（如 `value`）。 - `.data()`：用于在元素上存储和检索自定义数据，这些...
DOM常用几种获取元素属性方式
m0_68331352的博客
07-30 6988
DOM常用几种获取元素属性方式
dom元素属性操作---属性获取或属性设置
赵佳敏的博客
12-01 3274
一、dom属性操作 属性获取或属性设置 1. 操作类名称 属性的获取 输出当前对象的类名称 <button class="btn list" name="but" id="data">按钮</button> <script> var btn = document.getElementsByClassName("btn")[0]; console.log(btn.className); </script> <button class="b
Javascript学习- DOM获取&属性操作
Java硬件工程师的博客
05-12 3585
DOM(Document Object Model——文档对象模型)是用来呈现以及与任意 HTML 或 XML文档交互的API白话文:DOM是浏览器提供的一套专门用来操作网页内容的功能开发网页内容特效和实现用户交互标准属性: 标签天生自带的属性 比如class id title等, 可以直接使用点语法操作比如： disabled、checked、selected自定义属性：在html5中推出来了专门的data-自定义属性在标签上一律以data-开头在DOM对象上一律以dataset对象方式获取。
javascript DOM 属性详解：读取、修改、移除
最新发布
大剑师兰特的GIS世界
06-01 2037
在JavaScript中，DOM（Document Object Model，文档对象模型）属性操作允许你读取、修改或删除HTML元素的属性，从而动态地改变页面内容或样式。以下是关于DOM属性操作的详细说明、示例代码以及注意事项。
js中获取DOM元素大小各属性
weixin_45805570的博客
04-19 1944
题记 写这篇文章的背景还要从一道某大厂的笔试题说起,话不多说直接上题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial
DOM获取，修改，添加，删除 属性方法
weixin_44348028的博客
07-20 1355
1，获取、添加、删除、修改元素属性 getAttribute("属性名")　　//获取元素对象指定特性的值 　　setAttribute(name, value)　　//设置元素对象指定特性的值 　　removeAttribute('属性名')　　//删除元素对象上的指定特性 　　hasAttribute('属性名')　　//判断元素对象是否包含指定特性 　　attributes()　　//获取元素对象指定特性的集合 1.读取属性(4种) element.attributes[下标].val
dom元素操作的常用方法（创建、添加、删除、修改属性）
wanghe1111_的博客
03-05 2988
dom元素操作（创建、添加、删除、修改属性）
Dom操作 属性操作添加删除
陈福国的博客
07-02 1312
DOM操作 属性操作 对class属性操作 1 addClass(); 添加属性值 2 prepend 父元素将子元素增加到开头 3 appendTo(); 在末尾添加 4 preparedTo() 在头部添加 5 before()/insertBefore() 放在指定位置的前面 6 after()/insertAfter() 放在指定位置的后面 7 .remove();删除指定内...
JS（原生js和jq方式）获取元素属性（自定义属性），删除属性（自定义属性）...
weixin_30810583的博客
05-06 252
JS（原生js和jq方式）获取元素属性（自定义属性），删除属性（自定义属性） 以下内容： 一、获取元素的属性 二、设置元素的属性 三、删除元素的属性 一、获取元素的属性 1-原生JS 获取属性 .getAttribute("属性") 2-jquery 获取属性 .attr("属性") 示例代码 /*jq获取属性*/ var temp = $...
JQuery对DOM元素的属性操作
WannaRunning的博客
01-27 1779
1.获取元素当前节点及子节点的文本内容   $("").text(); 2.获取元素当前节点及子节点的html内容（显示标签符）   $("").html(); 3.获取当前元素的样式高度：  $("").height(); 4.获取元素标签（div）中属性（title）的值,或者追加一个属性并赋值 $("div").attr("title")；$("div").attr("要追加的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值