Develop/HTML & JavaScript & CSS (46) 썸네일형 리스트형 jQuery 이벤트 종류 ⊙ 이벤트(Event) •기본적으로 전역에 작성된 프로그램은 프로그램이 실행됨과 동시에 바로 실행되지만 함수(Function)으로 묶인 부분은 호출되지 않으면 실행되지 않는다. •이러한 이유 때문에 원하는 시점에 원하는 기능을 실행하기 위해 프로그램이 실행되는 계기가 필요하다. •이런 역할을 하는 것이 Event이며, 모든 함수는 Event와 연결되어 호출되는 형태를 가진다. ◆ jQuery의 이벤트 처리 방식 - 객체에 직접 이벤트를 등록 - 선언적 함수 - function sum(){ alert(“hello”); } $(“div”).click(sum); - 익명적 함수 - $(“div”).click(function(){ alert(“hello”); }); ◆ jQuery 마우스 이벤트 이벤트 설명 c.. jQuery 이벤트 처리 방법 문서 전체 장점 - 한번만 선언하면 ajax나 html를 그려 넣더라도 이벤트가 동작한다 $(document).on('click', '#get_main_dis_goods', function(e) { alert(1); }); 특정 id 또는 class에 이벤트 지정 단점 해당 셀렉터를 가진 태그가 재 설정되면 이벤트가 유실됨 $('#set_status_complete').on('click', function(e) { alert(1); }); 이벤트를 부득이하게 js단에서 계속 선언하게 될 경우 이벤트 중복되지 않게 선언할 수 있다 $('#set_status_complete').off().on('click', function(e) { alert(1); }); 키보드 입력 이벤트 $('#set_status_c.. Javascript 코드 작성규칙 Javascript 코드 작성규칙 함수 한문자 이름은 피하십시오. 이름에서 의도를 읽을 수 있도록 하십시오. // bad function q() { // ...stuff... } // good function query() { // ..stuff.. } 소문자 낙타표기법(camelCase)을 사용하십시오. function thisIsMyFunction() {}; Class와 생성자에는 PascalCase를 사용하십시오. function User(options) { this.name = options.name; } var good = new User({ name: 'yup' }); private 메서드나 프로퍼티명에 접두어로 밑줄을 붙여 구별하기 쉽게 합니다. // bad var persion = { ge.. input box 영문, 숫자, 공백만 허용 $('input[id="title_en"]').on('change keyup paste', function(e) { GoodsCreateModule.titleFilter(); }); var oldTitleVal = ''; var titleFilter = function(){ var currentVal = $('input[id=title_en').val(); var filter = /^[A-Za-z0-9\s+]*$/; if(filter.test($('input[id=title_en').val()) == false) { ModalServiceModule.alert({ message: '상품명은 영문, 숫자만 입력 가능합니다.' }); $('input[id=title_en').val(oldTitleVal); .. 정규식 사이트 정규식은 언어마다 조금씩 해석기가 다르다..해석기가 다르니 규칙도 조금씩 다르다......\s, \w 같은 예약어도 통일성이 없다..... 후후후후그러니 꼭 사용할 언어 환경에서 테스트해야함!!!!! 매번 검색하기 귀찮아서 아예 포스팅으로 남긴다@_@ - 정규식 테스트 사이트의 본좌 RegExrhttp://www.regexr.com/ - Ruby기반http://rubular.com/ - Java기반http://www.regexplanet.com/advanced/java/index.html - 정규식의 시각화http://www.regexper.com/ - 정규식 추천해주는 사이트 개이득ㅋhttp://txt2re.com/index.php3 jquery 정리 퍼온곳: http://cafe.naver.com/wdprj/6 jquery_tut1.html - 기본 셀렉터 $("*") : 모두$("div p") : 모든 에 포함된 모든 $("#loginID") : id="loginID"$(".Columns") : class="Columns"$("p > a") : 에 포함된 한 단계 아래 레벨의 모든 $("div + p") : 와 같은 레벨인 다음 $("div ~ p") : 와 같은 레벨인 모든 // 개체 숨김$(selector).hide(); jquery_tut2.html - 필터 $("a[title]") : title 속성이 있는 $("a[href^=mailto:]") : href 속성이 mailto로 시작하는 모든 (^는 문장의 처음을 나타내는 정규표현식)$(".. jQuery로 체크박스(checkbox) 제어(control) 하기 jQuery checkbox 컨트롤 //1. checkbox checked 여부 : //id인 경우 : $('input:checkbox[id="checkbox_id"]').is(":checked") == true //name인 경우 : $('input:checkbox[name="checkbox_name"]').is(":checked") == true //=> $('input[id="checkbox_id"]') + 옵션 형태로 작성 해도 문제는 없다 //Ex) $('input[name="checkbox_name"]').is(":checked") //2. checkbox 전체 갯수 : $('input:checkbox[name="checkbox_name"]').length //3. checkbox 선택된 갯수.. JSON.parse(), JSON.stringify() 사용하는법 안녕하세요. 오늘은 자바스크립트의 메소드인 JSON.parse()와 JSON.stringify()에 대해 알아보겠습니다. JSON.parse()란?parse 메소드는 string 개체를 json 객체로 변환시켜줍니다. JSON.stringify란?stringify 메소드는 json 객체를 String 객체로 변환시켜 줍니다. Example 1) var data = { Name: "SooYoung" , Age: "27" } var person = JSON.stringify(data); var oPerson = JSON.parse(person); //output alert(person); /* Output: "{"Name":"SooYoung","Age":"29"}" */ alert(oPerson); /* O.. 이전 1 2 3 4 5 6 다음