반응형

전체 글 3736

jQuery 접두사 일치 찾기 셀렉터

[name|=value] jQuery Selector에서 흔하게 사용하는 [name=value]가 아닌 [name|=value]를 알아보도록 하겠습니다. 예제) Some text Some other text will not be outlined 결과) [name|=value]는 속성 값이 접두사 포함되어 있는 경우를 찾아 줍니다. $( "a[hreflang|='en']" ).css( "border", "3px dotted green" ); 이 예제를 예를 들면 a 태그 중에 hreflang라는 속성 값이 en인 값을 찾는데 값 중에 - (하이픈)이 있는 경우는 하이픈 기준으로 잘라서 앞쪽 이름을 보게 됩니다. 이러면 하이픈을 이용해서 그룹핑을 해서 사용 할 수 있겠죠.

Programming 2018.03.07

jQuery 문자열 포함 찾기 셀렉터

[name*=”value”] jQuery의 selector기능 활용하여 속성 값에 문자열이 포함 되어 있는 경우를 찾는 경우는 [name*=”value”] 이와 같이 사용하면 됩니다. java나 javascript에서 사용하는 indexOf > -1 와 동일한 기능이라고 보시면 됩니다. 예제) 결과) 설명) $( "input[name*='man']" ).val( "has man in it!" ); input 태그들 중에 name 속성 이름에 "man"이라는 문자열이 포함되어 있는 경우 value 값에 "has man in it!"을 넣어라. name이 newmilk인 경우 man 문자열이 포함되어 있지 않아 적용이 안 된 것입니다. 심플하쥬~?

Programming 2018.03.07

jQuery 셀렉터 - All Selector (“*”)

All Selectorjquery selector 중에 ("*")는 document에서 모든 요소를 찾습니다.모든 요소에 무언가 일괄 적용하는 일을 극히 드물겠죠. 무튼 이것을 사용하는 경우 일괄 적용하므로 속도에 영향을 끼치니 주의해서 사용해야 합니다. 예제) DIV SPAN P Button 실제 적용 후) $( "*" ).css( "border", "3px solid red" ) 이 구문에서 모든 엘리먼트를 찾아 3px 두께의 빨간 선을 적용한 것인데빨간 선이 적용된 엘레먼트 수인 13을 body 앞에 태그로 추가하였습니다. 요소 부터 DIV SPAN P Button $( "#test" ) 구문으로 를 찾고 find()로 자손들에서 찾아라 뭐를? "*" 전체를 말이죠. 결과는? test 아이디를 가진..

Programming 2018.03.07

jQuery closest - 나의 첫번째 조상 찾기

closest은 selector로 찾은 요소 기준으로 부모를 포함한 모든 직계조상들 중에 찾고자 하는 요소를 찾아줍니다. 예를 들어 목록에서 깊숙히 정의한 어떤 링크를 클릭했을 때 그 행에 효과를 주고 싶을 경우나5레벨 정도 트리 구조의 형태에서 첫번째 1레벨만 펼침 효과를 주고 싶을 때 사용할 수 있습니다. 예를 들어 아래의 jQuery 코드를 정의한다면.. $("span").closest("ul").css({"color": "red", "border": "2px solid red"}); 아래 결과처럼 span 태그 기준으로 부모 포함 직계 조상들 중에 첫번째로 찾은 ul 태그에 효과를 주게 됩니다.한 단계 위에 ul 태그가 하나 더 있지만 span 태그 기준으로 첫 번째가 아니므로 적용이 안 된 것입..

Programming 2018.03.07

jQuery selector - 간단 설명 기본 모음

1. 요소 선택기 (태그 선택기) html 안에 있는 모든 P태그를 찾습니다. $("P") 2. ID 선택기 이와 같은 name이 같은 요소가 존재한다면 id attribute를 추가하여 유일한 ID값을 지정 후 아래와 같이 아이디 앞에 #을 추가하여 사용합니다. $("#abc1") 3. .class 선택기 CSS의 class값을 지정한 element만 찾고 싶다면 아래 같이 class명 앞에 .(마침표)를 추가하여 사용합니다.$(".text_box"); 4. 전체 선택기 html상에서 전체 요소를 찾기는 경우는 극히 드물다고 보는데 아무쪼록 전체 선택 기능도 있습니다.$("*") 테스트 해 보기 : https://www.w3schools.com/jquery/tryit.asp?filename=tryjqu..

Programming 2018.03.07

특정 포트 사용중인 프로그램 확인

톰켓 서버를 올릴려고 보니 포트가 충돌 됐다라는 에러 창이 떴다. 혹시나 중복해서 기동했나 싶어 작업 관리자에서 javaw.exe를 죽이려고 확인 했더니 프로세스가 실행 되고 있지 않았다. 윈도우를 재시작하여 이클립스를 열고 서버를 올렸다. 또 동일한 에러가 발생했다. 이상하다 싶어 해당 서버가 사용하는 8090포트를 netstat 명령어로 조회해보니 C:\Users\com>netstat -ano | findstr :8090 TCP 0.0.0.0:8090 0.0.0.0:0 LISTENING 1760 뭐지? 이미 다른 프로그램에서 사용중이었다. JSessionManagerService가 뭔지는 몰라도 회사 원격 PC라서 그러려니 하고 다른 포트로 바꿨다.

OperatingSystem 2018.03.06
반응형