[JQuery] on(), each(), attr(), text(), comma()

Yuri Lee·2023년 1월 18일
0

JAVASCRIPT

목록 보기
5/6

on()

JQuery 에서 이벤트를 바인딩하는 함수

$(selector).on(eventType, function(){
	// ...something
});
function func(){
	$("input[type=checkbox]:checked").each(function(){
    	if($(this).attr("id") == "checkbox_id"){
        	var varvar = $(this).parents("td").find(".class_name").val();
        }
    }
}

each()

매개 변수로 받은 것을 사용해 for in 반복문과 같이 배열이나 객체의 요소를 검사할 수 있는 메서드입니다.

var arr = [
  {title:'다음 ', url : 'http://daum.net'},
  {title:'네이버', url : 'http://naver.com'}
];

$.each(arr, function(index, item){
       var result = '';
       result += index+':'+item.title+','+item.url;
       
       console.log(result);
       })

$.each() 메서드는 object 와 배열 모두에서 사용할 수 있는 일반적인 반복 함수이다. 다시 말해, 배열과 length 속성을 갖는 배열과 유사 배열 객체들을 index를 기준으로 반복할 수 있다.

첫 번째 매개변수로 배열이나 객체를 받습니다. 그리고 두번째 매개변수로 콜백함수를 받으며 콜백함수의 인자로는 인덱스와 값을 인자로 갖습니다.

attr()

속성(attribute)의 값을 가져오거나 속성을 추가하는 함수

1) 속성의 값 가져오기

$('div').attr('class');
$( document ).ready( function() {
  var hClass = $( 'h1' ).attr( 'class' );
  $( 'span' ).text( hClass );
} );

2) 속성 추가하기

$('h1').attr('title', 'Hello');

h1 요소에 title 속성 추가하고 속성의 값은 Hello로 한다.

$(document).ready( function(){
  $('input').attr('placeholder', 'Input your address');
});

text()

선택한 요소 안의 내용을 가져오거나(태그는 가져오지 않음), 선택한 요소의 기존 내용을 지우고 새로운 내용을 넣는다(삽입하는 내용에 있는 HTML 태그는 태그가 아닌 텍스트로 인식한다.)

//텍스트를 가져오는 예시
 $( document ).ready( function() {
   var jbText = $( 'div' ).text();
   alert( jbText );
 } ); 

//텍스트를 삽입하는 예시
$( document ).ready( function() {
   $( 'div' ).text( '<p>Aenean nec mollis.</p>' );
} );

comma()

숫자에 콤마(,)를 찍어줌

var HTML = '';
var num = 50000000;

HTML = comma(num);
$(".num_class").text(HTML);

REFERENCES

https://jdm.kr/blog/145
https://webclub.tistory.com/455
https://www.codingfactory.net/10208

profile
개발자 이유리

0개의 댓글