개발자의 끄적끄적

[javascript / jquery] addClass 클래스 추가 함수 cccc 위와 같은 div 가 있다고 가정하고 $("div").addClass("aaa"); 이렇게 실행하면 결과는! cccc 위처럼 aaa라는 클래스가 추가된 div를 확인할 수 있습니다!

[javascript/jquery] empty 내용 제거 함수 aaaaaaaa 위처럼 aaaaaaaa 라는 내용이 있는 div가 있다고 가정하고 $("#div_1").empty(); 이렇게 실행하면! 태그만남고 안에있는 문자만 사라진걸 확인할 수 있습니다! remove 와는 또 다른녀석이니 참고하세요!

[javascript/jquery] append 함수 aaa bbb ccc 위와 같은 div가 있다고 가정하고 ddd 와 같은 내용을 div_append 라는 id를 가진 div 안에 추가하고싶을때! $("#div_append").append("ddd"); 이렇게 실행하면 결과는! aaa bbb ccc ddd 이렇게 div 안에 span 내용이 추가된걸 확인할수 있습니다! 거의 100프로 쓰이니 참고하세요! ㅎㅎ

[javascript] javascript substr 문자열 추출 함수 var string = "123456"; 위와 같은 문자열이 있다고 가정하고 var new_string = string.substr(1,3); console.log(new_string); 실행하고 출력하면 234 이렇게 결과가 나옵니다. substr(1,3) 함수안에 인자가 1과 3이 들어갔는데 앞에들어가는 인자는 문자열의 시작인덱스 위치를 말하는 거고, 뒤에 들어가는 인자는 시작한 인덱스부터 몇글자를 추출할껀지 길이를 나타내는 겁니다. 즉, 123456 에서 1부터 3글자를 추출하라는 명령이기 때문에 234 가 나오는 겁니다! 참고하세요!!

[javascript] javascript replace 문자열 치환 함수 var string = "abcde"; 위와 같은 문자열이 있다고 가정하고 var new_string = string.replace("bcde","aaaa"); console.log(new_string); 위처럼 replace를 실행하고 출력하면 aaaaa 이렇게 출력됩니다! 문자열 안에 있는 bcde 를 aaaa로 치환했기 때문에 위처럼 결과가 나옵니다!

[javascript] javascript length 문자열 / 배열 길이 함수 var string = "abcde"; 위와 같은 문자열이 있다고 가정하고 출력해보면 console.log(string.length); // 결과는 5 문자열의 길이 즉, 결과는 5가 출력됩니다. 배열의 경우도 마찬가지로 var arr_data = ['aaaa', 'bbbb', 'cccc', 'dddd']; 위와 같은 배열이 있다고 가정하고 출력해보면 console.log(arr_data.length); // 결과는 4 이처럼 배열의 크기가 나온다는 사실! javascript length 함수는 거의 기본적으로 쓰이니 꼭 알고 가세요!

[javascript] javascript split() 문자열 자르기 함수 var url = 'www.tistory.com'; var url_arr = url.split('.'); 위처럼 실행하고 url_arr에 들어있는 값을 찍어보면 url_arr[0] = "www" url_arr[1] = "tistory" url_arr[2] = "com" 이렇게 배열로 .을 기준으로 자른 데이터가 들어가있습니다! 만약 마지막에 있는 com을 제외하고 www 와 tistory 2가지만 담고 싶다면! var url = 'www.tistory.com'; var url_arr = url.split('.', 2); 위에 split('.',2) 처럼 뒤에 인자를 2를 입력해주면 url_arr[0] = "www" url_arr..

[jquery] .remove() 특정 html 지우기 본문내용영역 위와 같이 페이지가 구성이 되어 있다고 가정하고 $("#div_3").remove(); 이렇게 실행하면 위처럼 div_3의 id를 가지고 있던 부분이 지워집니다! 또한, $("#div_2").remove(); 이렇게 실행하면 위처럼 결과가 나옵니다!! 즉 지정된 태그부터 그 이하 모두 삭제되는 기능입니다! 참고하세요!