자바스크립트가 비활성화 되어있습니다.
자바스크립트가 활성화 되어야 콘텐츠가 깨지지 않고 보이게 됩니다.
자바스크립트를 사용할수 있도록 옵션을 변경해 주세요.
- willbsoon

본문 바로가기

전체 글257

javascript li 태그 클릭시 이벤트 주기 클릭했을때 이벤트를 주고자 한다면? var clickEvent = function() { $('#daily_data_header_list li').click(function(){ $('ul#daily_data_header_list li').attr({"class":""}); // li 태그들의 클래스를 제거해줌 $(this).children('a').attr({"href":"#","title":"선택 됨"}); // 클릭된 태그의 속성을 변경해주기 $(this).addClass('on'); // 클릭된 태그의 클래스를 추가해줌. }); } class에 따른 css가 정의되어 있다면 그에 맞는 속성이 정의 될 것이다~!! 2020. 10. 12.
javascript input tag에서 엔터 누르면 이벤트 처리 하기 위와같이 onKeypress 속성을 주고 if문으로 keyCode 13번인지 체크해서 이벤트를 주면 된다. 2020. 10. 12.
javascript null check & undefined check하기. undefined 체크할때 "를 넣을지 안넣을지 고민하다가 쓰기. 1. 값이 없다면 if (typeof aa == "undefined" || aa === null){ .... } or if (aa === undefined || aa === null){ .... } || 를 2개 쓰는 이유는 | 쓰면 문장 전체를 검사하지만 ||를 쓰게되면 하나라도 true가 나오게 되면 문장 전체를 true로 본다고 한다. 속도면에서 조금이라도 도움이 될것 같다는 생각? 반대로 &&를 쓰게되면 하나라도 false가 나오면 바로 false 판정 하게 됨. 두개를 써주는게 좋다고 함. 2. 값이 있다면 if (typeof aa != "undefined" && aa !== null){ .... } or if (aa !== un.. 2020. 10. 12.
javascript 버튼 클릭시 스크롤 변경 방지 $(".btn").click(function(e) { // 스크롤 변경 방지 e.preventDefault(); }); 이와같이 사용하시면 a 태그 클릭시에 스크롤을 방지할수 있다. 2020. 10. 12.
javascript & jQuery trim 함수 trim 함수는 문자열 앞뒤로 공백을 제거해주는 함수이다. 자바스크립트는 따로 함수가 존재하지 않으니 정규식을 써서 제거해주면 된다. 1. 자바스크립트 function trim(strToTrim) { return strToTrim.replace(/^\s+|\s+$/g,""); } var trim_str = trim(str); jquery는 자바스크립트를 편하게 쓸수있게 정의해둔 함수가 많은 라이브러리이므로 가져다 쓰면 된다. 그냥 trim 함수를 가져다 쓰자. 단! 반드시 jquery 를 import 시켜서 써야하는거 기억하자 2. jquery jQuery.trim(str); or $.trim(str); 2020. 10. 12.