JQuery 노드 요소 속성 작업 method_jquery

이 문서의 예에서는 JQuery 노드 요소 속성을 작동하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

JQuery에서는 attr() 메서드를 사용하여 요소 속성을 가져오고 설정하고, RemoveAttr() 메서드를 사용하여 요소 속성을 삭제합니다.

속성 가져오기 및 속성 설정

p 요소의 속성 제목을 가져오려면 속성 이름인 하나의 매개변수만 attr() 메서드에 전달하면 됩니다.

var $para = $("p"); //获取<p>节点  
var p_txt = $para.attr("title"); //获取<p>元素节点属性title

요소의 속성 제목 값을 설정하려는 경우에도 동일한 방법을 사용할 수 있습니다. 차이점은 속성 이름과 해당 값이라는 두 가지 매개변수를 전달해야 한다는 것입니다.

$("p").attr("title", "your title");
//设置单个的属性值

동일한 요소에 여러 속성을 동시에 설정해야 하는 경우 다음 코드를 사용하여 설정할 수 있습니다.

$("p") .attr({"title" : "your title", "name": "test"});   
//将一个“名/值”形式的对象设置为匹配元素的属性

JQuery의 많은 메서드는 동일한 함수를 사용하여 getter와 setter를 구현합니다. 예를 들어 위의 attr() 메서드는 요소 속성의 값을 설정할 수 있을 뿐만 아니라 요소 속성의 값도 가져올 수 있습니다. 비슷한 메서드로는 html(), text(), height(), width(), val() 및 css()가 있습니다.

속성 삭제

문서에서 요소의 특정 속성을 제거해야 하는 경우에는 RemoveAttr() 메서드를 사용하여 작업을 완료할 수 있습니다.

p 요소의 title 속성을 삭제해야 하는 경우 다음 코드를 사용하여 삭제할 수 있습니다.

$("p").removeAttr("title");
//删除<p>元素的属性title

Firebug에서 아주 명확하게 볼 수 있습니다.

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.