JSLite - 노드 속성

궁금한 점이 있으시면 이런 곳에서 소통하셔도 좋고, 공동 개발을 위해 JSLite.io 조직팀에 합류하셔도 좋습니다!

pluck

객체 컬렉션에 있는 각 요소의 속성 값을 가져옵니다.

$("#box").pluck("nodeName") //⇒ ["DIV"]
$("#box").pluck("nextElementSibling") //⇒ <div class="boxs">1234567890</div>
$("#box").pluck("children") //⇒ [HTMLCollection[4]]

attr

dom 속성을 읽거나 설정합니다.

$(".button").attr({"class":"","style":"background:red"}) //⇒ self 设置红色清空class
$(".button").attr("class","name")  //⇒ self 设置class替换之前的
$(".button").attr("class")  //⇒ string 获取class属性值

removeAttr

현재 개체 컬렉션에 있는 모든 요소의 지정된 속성을 이동합니다.

$("#box").removeAttr("class") //⇒ self 移除class

prop

dom 속성을 읽거나 설정합니다. 속성 값을 읽을 때 attr보다 우선합니다. 이러한 속성 값은 checked 및 selectedselected와 같은 사용자 상호 작용으로 인해 변경되기 때문입니다. 코드 > . checked 和 selected 。

<input class="taiyang" id="check1" type="checkbox" checked="checked">
<input class="yaotaiyang" id="check2" type="checkbox">
$("#check1").attr("checked"); //=> "checked"
$("#check1").prop("checked"); //=> "true"
$("#check2").attr("checked"); //=> "false"
$("#check2").prop("checked"); //=> "false"
$("input[type="checkbox"]").prop("type",function(index,oldvalue){
console.log(index+"|"+oldvalue);
});
//=> 0|checkbox
//=> 1|checkbox
$("input[type="checkbox"]").prop("className",function(index,oldvalue){
console.log(index+"|"+oldvalue);
});
//=> 0|taiyang
//=> 1|yaotaiyang

removeProp

为集合中匹配的元素删除一个属性（property）。removeProp() 方法用来删除由.prop()

<p id="n2" class="demo test" data-key="UUID" data_value="1235456465">CodePlayer</p>

var $n2 = $("#n2");
$n2.prop("prop_a", "CodePlayer");
$n2.prop("prop_b", { name: "CodePlayer", age: 20 } );

console.log($n2.prop("prop_a")) //⇒ CodePlayer
console.log($n2.prop("prop_b")) //⇒ Object {name: "CodePlayer", age: 20}

$n2.removeProp("data-key");
$n2.prop("data-key") //⇒ undefined
$n2.attr("data-key") //⇒ "UUID"

컬렉션에서 일치하는 요소에 대한 속성을 제거합니다. removeProp() 메서드는 .prop() 메서드에 의해 설정된 속성 집합을 삭제하는 데 사용됩니다.