[jQuery] jQuery가 지원하는 셀렉터들

기본 선택

$("*")     : HTML Document 내의 모든 HTML요소 선택
$("div")   : 모든 div element 선택
$("#name") : element의 id명이 name인 element 선택
$(".name") : element의 class명이 name인 element 선택
$("div, span, p") : 다중선택, 모든 div, p, span element 선택

속성(attribute) 선택

$("a[name=value]")  : element attribute명이 name이고 값이 value인 element 선택
$("a[name^=value]") : element attribute명이 name이고 값이 value값으로 시작하는 element 선택
$("a[name$=value]") : element attribute명이 name이고 값이 value값으로 끝나는 element 선택
$("a[name*=value]") : element attribute명이 name이고 값이 value값을 포함하는 element 선택
$("a[name~=value]") : element attribute명이 name이고 값이 value값을 독립적으로 포함하는 element 선택
$("a[name|=value]") : element attribute명이 name이고 값이 value이거나,
                      값을 독립적으로 포함하는 element 선택
                     ( $("a[name=value]") + $("a[name~=value]") 효과 )

FORM 선택

:button   : <button></button> 혹은 <input type="button"/> element 선택
:checked  : <input type="checkbox"/> element 중 checked="checked"인 element 선택
:disabled : input element중 disabled="disabled" element 선택
:enabled  : input element중 disabled="disabled" 가 아닌 element 선택
:input    : input, textarea, select, button등 모든 element 반환
:checkbox : <input type="checkbox"/> element 선택
:text     : <input type="text" />인 element 선택 
:file     : <input type="file" />인 element 선택
:image    : <input type="image" />인 element 선택 
:password : <input type="password" />인 element 선택 
:radio    : <input type="radio" />인 element 선택 
:selected : SELECT element요소중 option 항목이 "selected"인 element 선택

셈플

$("input[name='nation']").css("background-color","yellow");});
    => <input name="ff nation ddddd" type="text" value="English"> : 선택안됨
$("input[name~='nation']").css("background-color","yellow");});
    => <input name="ff nation ddddd" type="text" value="English"> : 선택됨
$("input[name*='nation']").css("background-color","yellow");});
    => <input name="ffnation ddddd" type="text" value="English"> : 선택됨
$("input[name~='nation']").css("background-color","yellow");});
    => <input name="ffnation ddddd" type="text" value="English"> : 선택안됨

참고

"JavaScript / jQuery" 분류의 다른 글

[jQuery] jQuery.load (0)2014/01/03
[jQuery] DatePicker (0)2013/12/03
2014/01/02 19:55 2014/01/02 19:55
태그 : ,
글 걸기 주소 : 이 글에는 트랙백을 보낼 수 없습니다

클라이언트 소스(브라우저)

 $.ajax({
    url : "192.168.48.123/api/client",
    type : "POST",
    cache : false,
    dataType:"json",
    success: function(data) {
        console.log(data);
    },
 });

오류메세지
XMLHttpRequest cannot load http://192.168.48.123/api/client. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '192.168.48.456' is therefore not allowed access.

해결방법(서버 Node.js 소스 수정)

response.type('application/json');
response.header("Access-Control-Allow-Origin" , "*")
response.json(200, {
    code : code,
    result : result
});

참고사이트

2013/12/20 21:48 2013/12/20 21:48
태그 : , , ,
글 걸기 주소 : 이 글에는 트랙백을 보낼 수 없습니다

javascript String Trim

function trim (strSource) {
  re = /^\s+|\s+$/g;
  return strSource.replace(re, '');
}

function ltrim (strSource) {
  re = /^\s+/g;
  return strSource.replace(re, '');
}

function rtrim (strSource) {
  re = /\s+$/g;
  return strSource.replace(re, '');
}

2006/08/23 11:53 2006/08/23 11:53
태그 :
글 걸기 주소 : 이 글에는 트랙백을 보낼 수 없습니다

javascript에서 Base64 인코딩/디코딩




var enc64List, dec64List;

function initBase64() {
  enc64List = new Array();
  dec64List = new Array();
  var i;
  for (i = 0; i < 26; i++) {
       enc64List[enc64List.length] = String.fromCharCode(65 + i);
  }
  for (i = 0; i < 26; i++) {
       enc64List[enc64List.length] = String.fromCharCode(97 + i);
  }
  for (i = 0; i < 10; i++) {
       enc64List[enc64List.length] = String.fromCharCode(48 + i);
  }
  enc64List[enc64List.length] = "+";
  enc64List[enc64List.length] = "/";
  for (i = 0; i < 128; i++) {
       dec64List[dec64List.length] = -1;
  }
  for (i = 0; i < 64; i++) {
       dec64List[enc64List[i].charCodeAt(0)] = i;
  }
}
function base64Encode(str) {
  var c, d, e, end = 0;
  var u, v, w, x;
  var ptr = -1;
  var input = str.split("");
  var output = "";
  while(end == 0) {
       c = (typeof input[++ptr] != "undefined") ? input[ptr].charCodeAt(0) : 
           ((end = 1) ? 0 : 0);
       d = (typeof input[++ptr] != "undefined") ? input[ptr].charCodeAt(0) : 
           ((end += 1) ? 0 : 0);
       e = (typeof input[++ptr] != "undefined") ? input[ptr].charCodeAt(0) : 
           ((end += 1) ? 0 : 0);
       u = enc64List[c >> 2];
       v = enc64List[(0x00000003 & c) << 4 | d >> 4];
       w = enc64List[(0x0000000F & d) << 2 | e >> 6];
       x = enc64List[e & 0x0000003F];
       if (end >= 1) {x = "=";}
       if (end == 2) {w = "=";}
       if (end < 3) {output += u + v + w + x;}
  }
  var formattedOutput = "";
  var lineLength = 76;
  while (output.length > lineLength) {
    formattedOutput += output.substring(0, lineLength) + "\n";
    output = output.substring(lineLength);
  }
  formattedOutput += output;
  return formattedOutput;
}
function base64Decode(str) {
  var c=0, d=0, e=0, f=0, i=0, n=0;
  var input = str.split("");
  var output = "";
  var ptr = 0;
  do {
       f = input[ptr++].charCodeAt(0);
       i = dec64List[f];
       if ( f >= 0 && f < 128 && i != -1 ) {
           if ( n % 4 == 0 ) {
               c = i << 2;
           } else if ( n % 4 == 1 ) {
               c = c | ( i >> 4 );
               d = ( i & 0x0000000F ) << 4;
           } else if ( n % 4 == 2 ) {
               d = d | ( i >> 2 );
               e = ( i & 0x00000003 ) << 6;
           } else {
               e = e | i;
           }
           n++;
           if ( n % 4 == 0 ) {
               output += String.fromCharCode(c) + 
                         String.fromCharCode(d) + 
                         String.fromCharCode(e);
           }
       }
  }
  while (typeof input[ptr] != "undefined");
  output += (n % 4 == 3) ? String.fromCharCode(c) + String.fromCharCode(d) : 
             ((n % 4 == 2) ? String.fromCharCode(c) : "");
  return output;
}
initBase64();
2006/08/23 11:52 2006/08/23 11:52
태그 :
글 걸기 주소 : 이 글에는 트랙백을 보낼 수 없습니다