0303/jQueryObject 함수

쌍용교육센터에서 공부한 내용을 정리하며 기록하는 글이고 주관적인 생각이 들어갈 수 있습니다.
잘못된 내용이나 피드백 및 생각 공유는 언제든 환영입니다.
댓글로 남겨주시면 확인 후 수정하겠습니다.
내용에 대한 소스 코드는 https://github.com/2jaehoon/html에 올려두었습니다.

 

jQueryObject 함수

  - CSS함수

    selector로 선택된 대상에 StyleSheet를 설정하거나 CSS속성의 값을 얻을 때

 

* css

  - 선택된 대상에 속성 값을 얻을 때

var value=$("selector").css("CSS속성명");

 

  - 선택된 대상에 속성 값 하나를 설정할 때

$("selector").css("추가할 속성명", "속성값");

 

* addClass

  - style에 정의된 class를 선택된 대상에 적용시킬 때   

//<style>에 정의되어 있음
$("selector").addClass("사용할 class명");

 

* removeClass

  - 선택된 대상에 부여된 class 속성을 삭제 할 때

$("selector").removeClass("제거할 class 명");

 

*events

$("selector").이벤트함수(function(){
//이벤트가 발생했을 때 제공할 코드 
   } );

  - click : 모든 태그에 적용할 수 있다.

$("selector").click(function(){
//클릭되었을 때 제공할 코드 
    });

  - change : 키 입력이 가능한 Form Control,  <select>

$("selector").change(function(){

      });

   
*effect

  - 특정 대상을 숨길 때

$("selector").hide();

  - 특정 대상을 보여줄 때

$("selector").show();

  - 대상의 상태반전( 숨김 => 보임, 보임 => 숨김 )

$("selector").toggle();

 

* HTML Form Control

  - 값 얻기

var value=$("selector").val();

  - 값 설정

$("selector").val( 값 );

  - 커서 요청

$("selector").focus();

* focusin : 커서를 가졌을 때

$("selector").focusin(function(){
// 커서가 들어왔을 때 처리할 코드
});

 

* focusout : 커서가 빠져 나갔을 때

$("selector").focusout(function(){
// 커서가 빠져나갔을 때 처리할 코드
});

* 웹 브라우저는 HTML이 로딩되면 외부파일 중 5개까지는 동시에 다운로드를 받고 그 후 부터는

  순차적으로 다운로드 받는다.