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

JavaScript/jQuery 2014/01/02 19:55 [44584] 글쓴이 : 나그네

기본 선택

$("*")     : 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
태그 : ,
걸린 글 0 / 덧글 0
글 걸기 주소 : 이 글에는 트랙백을 보낼 수 없습니다

[node.js] ajax로 타 도메인과 연동 문제 / CORS(Cross-Origin Resource Sharing)

JavaScript/Node.JS 2013/12/20 21:48 [53327] 글쓴이 : 나그네

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

 $.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
});

참고사이트

"JavaScript / Node.JS" 분류의 다른 글

[node.js] cluster를 이용한 멀티코어(multi-core) 사용 (0)2013/10/22
[node.js] traceback (0)2013/10/22
[node.js] log4js PatternLayout 사용하기 (0)2013/10/21
[node.js] Strict mode (0)2013/10/21
2013/12/20 21:48 2013/12/20 21:48
태그 : , , ,
걸린 글 0 / 덧글 0
글 걸기 주소 : 이 글에는 트랙백을 보낼 수 없습니다

[linux] 메모리

프로그래밍/Linux & Shell Script 2013/12/17 14:50 [43825] 글쓴이 : 나그네

Linux에서 사용중인 실제 사용중인 메모리 구하기

설명

Linux "free" 실행 결과 

[root@redjini script]# free -m
             total       used       free     shared    buffers     cached
Mem:          1010        817        193          0        121        115
-/+ buffers/cache:        579        431
Swap:         2000         66       1933

실제 Free Memory :  free(193 MB) + buffers(121 MB) + cached(115 MB)

스크립트

#!/bin/sh

MEM_TOTAL=`free | grep ^Mem | awk '{print $2}'`
MEM_FREE=`free | grep ^Mem | awk '{print $4}'`
MEM_BUFFER=`free | grep ^Mem | awk '{print $6}'`
MEM_CACHED=`free | grep ^Mem | awk '{print $7}'`

REAL_MEM_FREE=$(($MEM_FREE+$MEM_BUFFER+$MEM_CACHED))
REAL_MEM_USED=$(($MEM_TOTAL-$REAL_MEM_FREE))

echo "TOTAL: $MEM_TOTAL"
echo "FREE : $REAL_MEM_FREE"
echo "USED : $REAL_MEM_USED"

참고

"프로그래밍 / Linux & Shell Script" 분류의 다른 글

[shell script] bash read command (0)2014/02/11
[linux] shell command 로그 남기기 (0)2014/01/27
[linux] Linux Console에서 BEEP 사운드 끄기 (0)2014/01/27
[shell] netstat (0)2014/01/22
[shell script] 배열(Array) 사용하기 (0)2014/01/10
[shell script] 함수(Function) 사용하기 (0)2014/01/09
[shell script] Here Documents (0)2013/11/26
[shell script] directory exists check (0)2013/11/20
[shell script] 실행 경로 구하기 (0)2013/10/24
[shell] yum 장애 조치 (0)2009/04/21
2013/12/17 14:50 2013/12/17 14:50
태그 : , , ,
걸린 글 0 / 덧글 0
글 걸기 주소 : 이 글에는 트랙백을 보낼 수 없습니다
◀ PREV 1 ... 2 3 4 5 6 7 8 9 10 ... 26 NEXT ▶