jQuery - FAQ 두번째

출처 : http://findfun.tistory.com/category/jQuery?page=14

1.6 요소(element)를 사용 가능/불가능 처리하려면?

어떤 요소의 사용할 수 있는 조건을 제어할 때 사용합니다. 눈으로 보시면 간단합니다. 아래 코드는 select 박스의 사용 설정을 바꾸는 내용입니다.

1 2 3 4

// Disable #x $('#x').attr('disabled', true); // Enable #x $('#x').attr('disabled', false);

위처럼 disabled 속성값 요소인 true/false 로 제어하는 방법과 아래 처럼 disabled 속성을 제거하는 방법이 있습니다.

// Disable #x $("#x").attr('disabled', 'disabled'); // Enable #x $("#x").removeAttr('disabled');

1.7 체크박스를 제어하는 방법은?

체크박스의 체크를 선택/해제하는 방법입니다.

// Check #x $('#x').attr('checked', true); // Uncheck #x $('#x').attr('checked', false);

체크박스도 마찬가지로 위처럼 disabled 속성값 요소인 true/false 로 제어하는 방법과 아래 처럼 disabled 속성을 제거하는 방법이 있습니다.

// Check #x $("#x").attr('checked', 'checked'); // Uncheck #x $("#x").removeAttr('checked');

1.8 셀렉트 박스에서 선택된 내용의 value 와 text 값을 가져오는 방법은?

바로 샘플코드와 미리보기를 확인하시죠.

$("#myselect").val(); // => 1   $("#myselect option:selected").text(); // => "Mr"

1.9 10개의 아이템으로 이루어진 리스트에서 3번째 요소의 텍스트를 가져오거나 다른 문자로 대치하려면?

음. 조금 난이도가 있는 내용이 나왔네요. 집합체(collections)로 구성된 요소에서 특정 순서의 요소에 접근하기 위해서는 :eq() 또는 .eq() 함수를 사용합니다.

$(this).find('li a').eq(2).text(); //li 태그로 구성된 어떤 요소 집합 중에서 2번째 요소의 텍스트 값

그렇다면 질문의 50% 는 답변이 된 것 같습니다. 가져온 텍스트를 다른 문자로 대치하려면 replace('a', 'b') 함수를 사용하면 됩니다. 직관적으로는 아래와 같이 쓰면 될 것 같지만 이것 보다는 좀 더 복잡하다고 얘기해 주네요. 아래 코드를 보실까요.

// This doesn't work; text() returns a string, not the jQuery object $(this).find('li a').eq(2).text().replace('foo','bar');   // This works var $thirdLink = $(this).find('li a').eq(2); var linkText = $thirdLink.text().replace('foo','bar'); $thirdLink.text(linkText);

위의 두번째 예제처럼 사용해야 합니다. text() 함수의 사용법을 잘 파악하면 아래 예제로 처리하는 내용을 이해하실 수 있습니다. text() 라고 하면 값을 가져오는(get) 것이고 text(some) 하면 some 이라는 문자를 설정하는(set) 하는 내용이 됩니다. 하나의 기법이니 문장처럼 알고 계시면 될 듯 합니다.