Latest web development tutorials

jQuery를 콘텐츠 및 속성을 설정

내용을 설정 - 텍스트 (), HTML ()와 val ()를

세 가지 요소를 설정 이전 장에서와 같이 우리는 같은 방법을 사용합니다 :

  • 텍스트 () - 설정하거나 선택한 요소의 텍스트 내용을 반환
  • HTML () - 세트 또는 반환 선택된 요소의 콘텐츠 (HTML 태그를 포함 함)
  • 발은 () - 값 또는 양식 필드를 돌려줍니다

다음의 예는 텍스트 (), HTML ()와 val () 메서드는 내용을 설정하는 방법을 보여줍니다 :

예

$ ( "# Btn1"). ((기능을 클릭) {
$ ( "# Test1을") 텍스트 ( "안녕하세요 세계!");
});
$ ( "# Btn2"). ((기능을 클릭) {
$ ( "# Test2를") HTML ( "<B> 안녕하세요 세계 </ b>을!");
});
$ ( "# Btn3"). ((기능을 클릭) {
$ ( "# 테스트 3") 발 ( "w3big");
});

»시도

텍스트 (), HTML ()와 val () 콜백 함수

위의 세 가지 jQuery를 방법 : 텍스트 (), HTML ()와 val (), 또한 콜백 기능을 가지고 있습니다. 현재의 규격 하에서 요소의 목록에서 선택된 요소뿐만 아니라, 원래의 (이전) 값의 두 파라미터에 의해 콜백. 그런 다음 기능을 사용하면 새 문자열을 사용하려면 값을 반환합니다.

다음은 콜백 ()와 HTML ()와 텍스트를 보여줍니다

예

$ ( "# Btn1"). ((기능을 클릭) {
$ ( "# Test1을"). 텍스트 (기능 (전, origText) {
"오래된 텍스트를"반환 + origText + "새 텍스트 : 안녕하세요 세계 (지수 :!"+ 난 + ")";
});
});

$ ( "# Btn2"). ((기능을 클릭) {
$ ( "# Test2를"). html로 (기능 (전, origText) {
"오래된 html로"반환 + origText + "새 HTML : 안녕하세요 <B> 세계 </ b>을 (지수 :!"+ 난 + ")";
});
});

»시도

설정 속성 - ATTR ()

의 jQuery ATTR () 메소드는 설정 / 속성 값을 변경하는 데 사용됩니다.

다음의 예는 값 (설정) 링크 HREF 속성을 변경하는 방법을 보여줍니다

예

$ ( "버튼"). ((클릭 기능) {
$ ( "# W3big") .attr ( "HREF", "http://www.w3big.com/jquery");
});

»시도

ATTR () 메서드는 동시에 여러 속성을 설정할 수 있습니다.

다음의 예는 href가 제목 모두 속성을 설정하는 방법을 보여줍니다 :

예

$ ( "버튼"). ((클릭 기능) {
$ ( "# W3big"). Attr의 ({
"Href에": "http://www.w3big.com/jquery"
"제목": "jQuery를 튜토리얼"
});
});

»시도

ATTR () 콜백 함수

방법의 jQuery ATTR ()은 또한 콜백 함수를 제공한다. 현재의 규격 하에서 요소의 목록에서 선택된 요소뿐만 아니라, 원래의 (이전) 값의 두 파라미터에 의해 콜백. 그런 다음 기능을 사용하면 새 문자열을 사용하려면 값을 반환합니다.

다음은 콜백 함수 ATTR () 메서드를 보여줍니다

예

$("button").click(function(){
$("#w3big").attr("href", function(i,origValue){
return origValue + "/jquery";
});
});

»시도