JQuery 노드 요소 속성 작업 방법

1309 단어
본고의 실례는 JQuery 노드 요소 속성 조작 방법을 설명하였다.여러분에게 참고하도록 공유하다.구체적인 분석은 다음과 같다.
JQuery에서 attr() 방법으로 요소 속성을 가져오고 설정하고removeAttr() 방법으로 요소 속성을 삭제합니다.
속성 가져오기 및 속성 설정
p 요소의 속성 타이틀을 가져오려면attr () 방법에 속성 이름을 전달하는 매개 변수만 있으면 됩니다.

var $para = $("p"); //  

var p_txt = $para.attr("title"); //

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");
//  

title


Firebug 아래에서 아주 잘 볼 수 있습니다.
본고에서 서술한 것이 여러분의 jQuery 프로그램 설계에 도움이 되었으면 합니다.

좋은 웹페이지 즐겨찾기