Develop/HTML & JavaScript & CSS (46) 썸네일형 리스트형 웹브라우저가 IE(인터넷 익스플로러)인지 확인하기 출처 - http://ooz.co.kr/67 현재 웹 페이지가 어떤 웹 브라우저로 열렸는지 확인하려면 간단히 userAgent값을 확인하면 됩니다.userAgent 값에 브라우저를 구분하는 고유의 값들이 들어 있습니다. 예를 들면 현재 페이지가 구글 크롬(Chrome)에서 열렸는지 체크하려면 다음과 같이 작성합니다. var agent = navigator.userAgent.toLowerCase(); if (agent.indexOf("chrome") != -1) {alert("크롬 브라우저입니다.");} 사파리나 파이어 폭스 역시 다음과 같습니다.if (agent.indexOf("safari") != -1) {alert("사파리 브라우저입니다.");}if (agent.indexOf("firefox") !=.. 변수 콘솔로그 보기 window._satellite = { track : function( msg ){ console.log(msg) } }; 정규식표현 http://lng1982.tistory.com/141 http://blog.bagesoft.com/178 id, name, class로 접근방법 jQuery로 id 접근시 $(“#id”), ex) $(“#header_area”) class로 접근시 $(“.class”), ex) $(“.section_nav”) name으로 접근시 $(tag_name[name=name]), ex) $(“input[name=search_value]“) class 변경, 추가(addClass), 삭제(removeClass) 직관적으로 사용하면 된다. class의 변경의 경우 attr이라는 메소드를 호출해야 하며, $(this).attr('class','class_name'); 처럼 이용할 수 있다. class의 추가와 삭제 또한 돌직구 처럼~ $(this).addClass("class_name");$(this).removeClass("class_name"); 처럼 사용하면 된다. css의 기본이 숙지되어 있다면, 변경과 추가,삭제는 어떻게 다른지 아실터...(변경은 말그대로 기존의 class를 버리고 교체.)(추가는 class="class_1 class_2" 와 같은 방식..추가,삭제!) 참고로 아직 쓸일이 없어서 사용해보지는 않았지만.... 클래스의 유무를 판단해주는 .hasClass(); //반환값으로는 true는 1로.. 02. jQuery 요소 선택하기 (selector) http://dimpledfox.tistory.com/category/jQuery data 속성$('.slide-link[data-slide="0"]').addClass('active'); 2.0 CSSselectorjQuery('#content p a');// #context 안에있는 모든 단락(p태그) 요소내의 모든(a태그) 요소를 선택한다.jQuery('#content p a').addClass('selected');// selected란 클래스를 a태그안에 추가한다. 2.1 직속 자식 요소 찾기직속 자손 결합자 (>)jQuery('#nav li>a');//nav 안의 li의 직속 a만 선택한다. jQuery('>p', '#content')이것은jQuery('#content >p')와 동일하다 jQ.. 01. jQuery 시작 1.1 jQuery Library code 삽입1) jQuery 최신버전 삽입 Google의 CDN이용2) jQuery.com 에서 최신버전 받아 서버나 로컬에서 삽입 1.2 DOM로드후 jQuery/java script 실행 ( .ready()이벤트 )jQuery(document).ready(function(){//아직 DOM이 로드 되지 않았기에 ready 이벤트를 사용해야한다.alert(jQuery('p').text());}); jQuery(function(){}); //가능 속도향상을 위해 바로 앞에 .ready()이벤트를 처리할 수 있는 스크립트를 넣어도 좋다. 1.3 Selector 와 jQuery 함수를 사용하여 DOM요소 선택하기jQuery('a'); : HTML내의 모든 태그 요소를 반환.. 콤마 자바스크립트에서 숫자를 표기할때 3자리마다 콤마를 찍어줘야 할 때가 있다 자주 사용하는 기능인데 매번 만들기란 여간 귀찮은게 아니다.콤마찍기12345//콤마찍기function comma(str) { str = String(str); return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');}콤마풀기12345//콤마풀기function uncomma(str) { str = String(str); return str.replace(/[^\d]+/g, '');}복사 붙여넣기로 사용하자!input box에서 사용자 입력시 바로 콤마를 찍어주기 위한 함수도 추가 한다.12345function inputNumberFormat(obj) { obj.value = comma(unc.. 이전 1 2 3 4 5 6 다음