jquery 로 selectBox option 값 찾기

Web/JQuery 2016. 12. 30. 12:47 Posted by Request

jquery 로 selectBox option  값 중 값이 1인 걸 지우는게 가능 할까나?

 

출처 : http://mylife365.tistory.com/112

 

 

Text로 찾을 경우

$("select[name='test'] option:contains('테스트5')").attr("selected", "selected");

 

 

 

 

값으로 찾을 경우

$("select[name='test'] option[value='테스트3']").attr("selected", "selected");

[스크립 주소  ] http://smartjuho.tistory.com/entry/JQuery-%EC%99%80-Prototype-%EC%B6%A9%EB%8F%8C-%EB%B0%A9%EC%A7%80



JQuery와 prototype에서 $()를 사용하려면 충돌이 일어나 스크립트 오류를 일으킨다.

 

둘다 같은 $()를 쓰니까..

 

이를 해결하는 방법은 아래와 같다.

 

jQuery 와 prototype 을 정의한 아래줄에 다음의 소스를 추가한다.

 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

 

<script type="text/javascript">
jQuery.noConflict();
var j$ = jQuery;
</script>

 

위와 같이 정의해두면 jQuery에 대한 $()는 -> j$() 로 대체해서 사용할수 잇게된다.

 

물론 충돌도 일어나지 않는다.

 

++ 하지만! jquery의 다른 라이브러리를 다운로드 받아 사용하려면 해당 라이브러리의 $ 를 j$ 로 모두 바꿔줘야 하는 번거로움이 있다.

이는 스크립트를 가져오는 순서만 잘 나열해주면 바로 해결된다.

 

ex)

<script type="text/javascript" src"./js/jquery-1.6.2.min.js"></script> <!-- jquery 기본 라이브러리 -->
<script type="text/javascript" src="./js/jquery-ui-1.8.16.custom.min.js"></script> <!-- 별도로 다운로드 받은 라이브러리 -->

<script type="text/javascript">
jQuery.noConflict();
var j$ = jQuery;
</script>

<script type="text/javascript" src="./js/prototype.js"></script>

 

이런식으로 jquery를 먼저 로드하고 후에 prototype.js 를 로드하면 둘다 문제 없이 사용할 수 있다.


jQuery serializeArray() 사용 예

Web/JQuery 2016. 8. 4. 10:11 Posted by Request

serializeArray()는

폼안에 입력요소의 값들을 object로 만들어 준다.

 

var fields = j$("#formID").serializeArray();

 

j$.ajax({

url : URL,

type : "POST"

data : fields,

success:function(data){

 

},

error:function(data){

}

});

JQuery 스타일과 명명 규칙

Web/JQuery 2012. 7. 4. 13:44 Posted by Request

jQuery는 체인으로 연결되는 것을 매우 중요하게 생각한다.

즉. 체인으로 연결이 가능하다는 말은 요소의 선택 집합에서 순차적으로 메서드들을 호출하는 경우 각각의 메서드가 계속적으로 작업할수 있도록 요소의 선택 집합을 다시 여러분에게 반환할 것이라는 것을 의미한다.

 

jQuery의 기능들은 간단한 카테고리로 구성되어 있는데, 예를 들면

 

핵심 기능, 선택, 조작, 탐색, css, 어트리뷰트, 이벤트, 효과, Ajax 그리고 유틸리티등이 그러한 카테고리의 예이다.

 

 

1)반복적으로 동일한 선택 집합

2)변수에 선택 집합을 저장하는 방식.

 

변수에 선택 집합을 저장하는 경우는 jQuery 개체임을 나타내기 위해서 변수명을

$ 문자로 시작되는 선택집합 관련 이름으로 구성하는 것이 좋다.

 

$문자로 시작하는 것은 단지 명명 규칙에 불과하다는 것을 기억해두자!

 

 

 

 

개행코드

Web/JQuery 2012. 4. 9. 19:43 Posted by Request


 
1
2
3
4
5
6
7
8
9
10
11
12
<jsp:scriptlet>
pageContext.setAttribute("cr", "\r");
pageContext.setAttribute("lf", "\n");
pageContext.setAttribute("crlf", "\r\n");
</jsp:scriptlet>
${fn:replace(변경할메시지, cr, "
")}
${fn:replace(변경할메시지, lf, "
")}
${fn:replace(변경할메시지, crlf, "
")}


참고)

CR, LF, CRLF란?

텍스트 한 행의 끝을 나타내는 개행코드(리턴 또는 엔터키를 눌렀을 때 기록되는 코드)입니다.

아스키 등의 문자코드로 지정된 제어문자인 CR(Carriage Return, 0x0D)과 LF(Line Feed, 0x0A)를 합친 것을 의미합니다.

시스템 종류에 따라 사용되는 개행코드는 아래와 같습니다.

  • MS-DOS, Window 계열: CR(\r)+LF(\n)
  • Mac: CR(\r)
  • Unix, Mac OS X: LF(\n)

출처 : http://www.xgenesis.org/webProgramming/1421970