jQuery HTML

예진·2020년 7월 30일
0

JavaScript

목록 보기
8/8
### jQuery HTML

  컨텐츠 및 속성 가져오기

  	text() : 선택된 요소의 텍스트 내용을 설정하거나 반환한다.

    html() : 선택한 요소의 내용을 설정하거나 반환한다. (HTML 마크 업 포함).

    val() : 양식 필드의 값을 설정하거나 반환한다.
      
    attr() : 속성 값을 가져오는 데 사용된다.
      
  컨텐츠 및 속성 설정하기
  
    text() : 선택된 요소의 텍스트 내용을 설정하거나 반환한다.

    html() : 선택한 요소의 내용을 설정하거나 반환한다. (HTML 마크 업 포함).

    val() : 양식 필드의 값을 설정하거나 반환한다.
  
    attr() : 속성 값을 설정/변경 하는 데 사용된다.
      
  요소 추가
  
    append() -선택한 요소의 끝에 내용을 삽입한다.
    
    prepend() -선택한 요소의 시작 부분에 내용을 삽입한다.
    
    after() -선택한 요소 뒤에 내용을 삽입한다.
    
    before() -선택한 요소 앞에 내용을 삽입한다.
    
  요소 제거
  
  	remove() -선택한 요소 및 해당 하위 요소를 제거한다.
    
	empty() -선택한 요소에서 자식 요소를 제거한다.
    
  CSS 클래스 가져오기 및 설정
  
  	addClass() -선택한 요소에 하나 이상의 클래스를 추가한다.
	
    removeClass() -선택한 요소에서 하나 이상의 클래스를 제거한다.
	
    toggleClass() -선택한 요소에서 클래스 추가 / 제거간에 전환한다.
	
    설정
    	
    	css("propertyname","value") -스타일 속성을 설정하거나 반환한다.
        css({"propertyname":"value","propertyname":"value",...}) : 여러 속성을 설정한다.
        
    측정 기준 
    
    	width() : 요소의 너비를 설정하거나 반환한다.
        
        height() : 요소의 높이를 설정하거나 반환한다.
        
        innerWidth() : 요소의 패딩을 포함한 너비를 반환한다.
        
        innerHeight() : 요소의 패딩을 포함한 높이를 반환한다.
        
        outerWidth() : 요소의 패딩 및 테두리를 포함한 너비를 반환한다.
        
        outerHeight() : 요소의 패딩 및 테두리를 포함한 높이를 반환한다.


  
  	

0개의 댓글