RX/XE 팁
XE FAQ 는 제가 XE공홈 '묻고 답하기'에 답변한 내용들 중 일부를 정리한 내용입니다. (대부분이 제가 한 답변이죠)
XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠

제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요
출처 TickTalk 
출처URL http://phpdev.tistory.com/entry/Jquery-%EC%85%80%EB%A0%89%ED%84%B0-%EB%B0%8F-%ED%95%A8%EC%88%98-%EC%82%AC%EC%9A%A9%EB%B2%95 

은근히 필요한 jquery 관련 사용법이 간략히 설명히 되어있는 페이지가 있어서

사용할때를 대비해 가져오면...

 

 

jquery 의 기본 사용법
$(선택기).메서드(인자);

jquery 셀렉터 예제
$('input:type=text') 

input 타입 text 인것을 가져온다.

$(':text') 
모든 input 타입 text를 가져온다

$('#아이디 option:selected').text();
selectbox 값 가져오기

선택기에서 정규식과 같은 형식으로 사용할 수 있다
$("a[href*='dotnet']") == a 테그 안에서 href 속성에 dotnet 이란 단어가 있다면
$("a[href$='aspx']) == aspx로 끝나는거에 대()해서/..
* 포함
$ 마지막에
^ 시작하는

샐랙터 even
$('tr:odd') tr 테그중 홀수
$('tr:even') tr 테그중 짝수

테그안에 포함된 내용을 검색
$("td:contains('redplus')").  == contains('검색어')  테그안의 텍스트를 검색한다.


jquery 함수들

.siblings
같은 dom위치에 있는 형제 테그들을 선택한다.*자신을 뺀 형제 노드)(tr 라인안에 있는 td의 여러개들이 형제이다.

.parent() 
부모 노드로 이동

.find(eq(숫자)) 
노드를 찾는다.(eq(숫자) 는 자식의 숫자번째 노드를 찾는다~)
예제) .find('img') // 자식 노드중에 img 테그를 찾는다

.ready()
HTML을 모두 로딩하고 실행한다.
$().ready(function() { //실행내용 }); 
$(document).ready == $().ready() == $()   // 모두 같다.

.get()
$('셀렉터').get(0) //셀렉트에 해당하는 0번째 object를 선택한다.

.filter()
filter('[title]*=닷넷]') --> title에 닷넷이라고 있는것을 선택
(and 와 같이 사용을 가능하다 .filter().filter().filter() 의 형식으로 필터링 하고 또 하고또하고가 가능)

.end()
 처음 선택작$('선택자') 로 이동한다.

.size() 
length와 같다 . $('input').size() --> 몇개의 input 테그가 있는지 반환 한다.

.slice()
 매체를 지정한다. $('input').slice(1,3) --> input 테그 1번째와 3번째껄 선택한다.
"1234".silce(-2) --> 오른쪽에서 2글자를 가져온다.(3/4)

.toggle(fn1,fn2)
fn1 과 fn2의 기능을 반복 적용 한다.(빈칸일경우 걍 show/hide 반복)

.toggleClass('클래스명')
클래스를 주었다가 뺐다가

.hover(fn1,fn2)
마우스 오버 아웃 기능  (fn1 오버 했을때 fn2 아웃했을때)

.one()
 한번만 실행할때 사용한다. .one('click',fn1); --> 처음 클릭했을때 fn1을 실행해라

.css()
.css('style','값')  스타일에 값을 적용한다.
.css('style') 해당 스타일의 값을 가져온다.

유틸리티 함수
JQuery.browser.version  --> 웹브라우져의 버젼을 출력한다.
JQuery.browser --> 브라우져를 출력하나;

 .next()
 다음 DOM을 선택한다.

.slideDown('slow',fn1)
blind와 같은 형태처럼 보여준다.(fn1은 생략가능)

.slideUp('slow',fn1)
slideDown의 반대(fn1은 생략가능)

.slideToggle
 slideup 상태일때는 down을 down 상태일때는 up을 한다. 

each
each(function(index) { });  --> index는 반복되는 + 값이 된다.
ex) $('p').each(function(i) { $(this).attr({'id':"id_"+index}); }); --> 모든 p테그에 id_순서 의 아이디값을 적용한다.
 
.text() 메소드
값을 가져오거나 text 값을 넣는다.html 테그가 들어가있으면 테그처리를 시키지 않고 그냥 출력한다.(변환)

.attr('src','값') 메소드
셀렉터의 src 속성 값을 변환한다. 

jquery 의 맵이란?
{속성:'값',속성:'값',....} 의 형식으로 입력이 가능한것을 맵이라고 한다.

removeAttr("속성")
속성값을 삭제 한다.

.val()
해당 셀렉터의 value 값을 반환한다.

.is("선택자")
선택자가 있는지 없는지를 체크 한다.
// is("p") --> p테그가 있는지 체크하고 있다면 true 반환 없다면 false 반환
// 예제 if($('body').children().is('form')) alert('폼테그 존재');  --> 바디안에 폼테그가 존재한다면 true

.not(셀렉터)
셀렉터를 제외한것을 가져온다.

$(셀렉터).empty()
셀렉터 안의 내용을 초기화 한다.

.append()
$('셀렉터').append(돔요소)  -->  셀렉터에 돔요소를 추가한다.
$(셀렉터1).appendTo('셀렉터2') 셀렉터 1의 dom을 셀렉터2에 넣는다.
예제) var dom = $("<p>새로운 문장</p>"); $('body').append(dom);

.insertAfter()
뒤에 dom 요소를 추가한다.
예제) $('<hr />').insertAfter('셀렉터')  셀렉터 뒤에 hr 테그를 추가해라

$(셀렉터).before()
셀렉터 전에 dom 을 추가한다.

$(셀렉터).wrap(dom or html)
셀렉터를 감싼다.
예제) $('h3').wrap('<u></u>'); --> h3 테그를 u 테그로 묶는다.

.clone() 
복사 한다.
$('#menu').clone().insertBefore("#submenu");  아이디 menu를 복사해서 submenu 앞에다가 붙인다. (유사 prependTo)
insertAfter(셀렉터) --> 셀렉터 뒤에 붙인다 (유사 appendTo)

remove() 
돔을 삭제한다.
$('셀렉터').replaceWith("변환값"); (셀렉터를 변환값으로 변환한다)

.height(), .width()  
셀렉터의 높이 넓이 값 구하이

.outerHeight(인자)  .outerWidth(인자)
인자는 true / false 로 true일 경우 마진을 포함한 크기를 가져온다.

.unbind()
bind 된것을 취소한다

.animate(애니메이션 속성)
애니메이션 속성을 준다.
.animate({속성:'값',...},속도);

.stop() 
현재 진행중인 effects 를 멈춘다.

ajax의 간편 방식
$('셀렉터').load('페이지url');  // ajax의 html 방식으로 로드해서 셀렉터에 넣는다

전체 692건
번호 카테고리 제목 출처 등록일 조회
공지 XE 기능개선 XE 1.11.18 이후 버전의 익명 수정 버그 수정법 xetown  2023.10.07 3192
공지 XE 기능개선 XE 1.11.14 보안패치 - 타인의 쪽지 내용을 확인할 수 있는 버그 패치방법 xetown  2023.10.03 3256
공지 XE 기능개선 XE 1.11.6 이후 보안배치 #4 file rhymix  2022.07.05 3416
공지 1.11.6 XE 1.11.6 이후 보안배치 #3 rhymix  2022.04.02 3376
공지 1.11.6 XE 1.11.6 이후 보안배치 #1 xetown  2021.06.22 3769
공지 1.11.6 XE 1.11.6 이하 에서 공개댓글을 비밀댓글로 변경시 생길 수 있는 오류 수정법 sejin7940  2021.01.10 3689
공지 XE 기능개선 XE 1.11.4 이후에서 파일 업로드시 정상 작동 안 하는 현상 수정법 XE github  2019.04.02 6445
공지 XE 기능개선 php 7.1 환경에서 XE 오류 나는 경우 확인할 사항 sejin7940  2018.07.11 6360
공지 유용정보 php7.2 환경에서 XE 오류가 생기는 경우 - Object 클래스 변경 필요 XE Github  2017.11.27 9884
공지 XE 기능개선 XE 1.8.30 이하에서 반드시 수정해주셔야하는 부분입니다. XE 1.8.31  2017.02.26 7150
공지 1.8.18 XE 1.8.18 에서 사용시 반드시 수정해야할 사항들 ( XE 1.8.20 이후에서는 수정 불필요 ) xetown  2016.04.03 26269
공지 XE 기능개선 XE 1.8.12 이후부터 proc controller 일부가 작동 안 할 경우 확인할 부분 [1] XE  2015.10.16 26101
451 XE 기능개선 관리자 회원목록에 '회원설명'이 바로 나오게 하기 위한 방법 sejin7940  2017.03.02 290
450 XE 기능개선 통합검색의 기본값을 '제목' 이 아니라 '제목+내용' 으로 하고 픈 경우 sejin7940  2017.02.24 288
449 다른 XE자료들 부트스트랩 기반의 simplestrap 레이아웃을 쓰는 경우 메뉴를 마우스오버만으로 드롭다운되게 변경하는 방법 sejin7940  2017.02.23 538
448 XE 기능개선 대댓글시 계단형 대신 일괄적으로 같은 여백만 주고, 닉네임 지칭 형태로 변경하는 방법.. sejin7940  2017.02.22 287
447 XE 기능개선 사용자정의를 'URL 형식' 형태로 사용할때 주소가 잘려 보이는 경우 sejin7940  2017.02.14 294
446 유용정보 javascript 파일 압축 및 복원하기 ( min.js 파일 만들거나 풀기) 우림  2017.02.14 8386
445 XE 기능개선 css 이용한 간단한 말풍선 구현 방법 cssarrowplease  2017.02.13 259
444 유용정보 script 로 현재 페이지의 URL로부터 도메인 주소만 구하는 방법 Wireframe  2017.01.30 214
443 유용정보 id 요소가 존재하는지 확인하는 방법 오픈코드  2017.01.30 162
» 유용정보 Jquery 셀렉터 및 함수 사용법 TickTalk  2017.01.22 541
441 유용정보 이미지 클릭시 새창을 띄우는데 원본크기로 창이 고정되게 하는 방법 sejin7940  2017.01.14 1358
440 XE 기능개선 금지닉네임 설정을 일치하는 닉네임이 아니라 해당 닉네임이 포함된 모든 경우로 변경하고픈 경우 sejin7940  2017.01.10 198
439 유용정보 랜덤 문자열 생성 함수 Blog Goooood.net  2017.01.09 298
438 유용정보 css만으로 list (li) 의 중앙 정렬 하는 방법 Total Fix!  2016.12.31 417
437 유용정보 아이폰에서 iframe 스크롤이 동작하지 않을때 해결 방법 멍멍대왕의 IT놀이터  2016.12.26 546
436 XE 기능개선 방명록 스킨등에서 댓글이 작성되지 않는 현상이 발생하는데 이를 해결하는 방법 sejin7940  2016.12.23 225
435 XE 기능개선 방명록 형태 사용시 제목이 길게 저장되게 하려면 sejin7940  2016.12.23 613
434 유용정보 jQuery를 이용하여 텍스트 박스에 특수문자를 제한하기. 나이스버리  2016.12.20 1995
433 유용정보 반응형 테이블 소스 안내 sitesforprofit  2016.12.19 238
XE Login