1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <script type="text/JavaScript"> // 모든 div 숨기기 $('div').hide(); // 모든 div에 있는 text 변경 $('div').text("새로운 글자"); // 모든 div에 "newClass" 라는 클래스 추가 $('div').addClass("newClass"); // 모든 div 보여주기 $('div').show(); </script> <body> <div> 오래된 글자 </div> <div> 더더 오래된 글자 </div> </body> | cs |
* 페이지에서 <div>를 숨겨 사용자에게 보이지 않게 한다.
* 숨겨진 <div> 안에 있는 text를 새로운 text로 변경한다.
* <div>에 새로운 class 로 변경한다.
* 페이지에서 <div>를 사용자가 볼 수 있도록 변경한다.
지금까지 hide() , text() , addClass() , show() 이렇게 네가지를 수행했다.
jquery는 jquery메소드를 체인으로 연결할 수 있는 방식으로 구성되어 있다.
즉 , 일단 함수를 찾고나면 그 함수에 대해 체인 연결 작업을 할 수 있다.
위의 문장들을 아래와 같이 수정이 가능하다.
1 2 3 4 5 6 7 8 9 10 | //첫번째 방법 $('div').hide().text("새로운 글자").addClass("newClass").show(); //두번째 방법 $('div') .hide() .text("새로운 글자") .addClass("newClass").show(); .show(); | cs |
'WORK > JQUERY' 카테고리의 다른 글
| ajax 에서 return false 보내기 (0) | 2018.05.16 |
|---|---|
| JQUERY 생년월일 입력하기. (0) | 2018.04.20 |
| jquery 시,분 선택하기 (0) | 2018.04.12 |
| 동일한 input name 값 가져오기 (2) | 2018.04.06 |
| li 태그 클래스 바꾸기 (0) | 2018.03.01 |