2 JS 和 Jquery 设置和获取元素属性值

2 JS 和 Jquery 设置和获取元素属性值

获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。

jquery:

获取

$("#div1").attr("id");

设置

// 设置多个属性时
$("#div1").attr({ id: "test", class: "TestClass" });

// 设置单个属性时
$("#div1").attr("class","col");
$("#div1").prop("class","back");

通过attr()和prop()方法都可以为元素添加class属性，但是attr()和prop()是为元素添加新的class属性的同时，将原来的class属性全部清空（也就是覆盖之前的属性）。

想添加而不删除以前的属性，需要使用 .addClass()

// 首先要由class属性才可以添加
$("#div1").addClass("back back2 back3");

原生js:

设置属性 .setAttribute("属性","值")
获取属性 .getAttribute("属性")
获取和设置id  .id


// 例子
var tree = document.getElementById("tree");
//getAttribute()取值属性
console.log("data-leaves======" + tree.getAttribute("data-leaves"));
//setAttribute()赋值属性
tree.setAttribute("data-come", "49");
tree.id = 'testid'

JS JQuery添加、替换、删除元素class属性_你好像很好吃a的博客-CSDN博客_jquery替换class属性值
JS获取元素属性和自定义属性_马优晨的博客-CSDN博客_js 获取元素属性