jquery 기반 jsfiddle에서 javascript를 사용하는 방법은 무엇입니까?

Question

나는 jsfiddle에서 작업 중이며 사용 된 프레임 워크는 'onload, jquery 1.8.2'라고 선택했습니다.

나는 또한 다음과 같은 자원을 불렀다 :

• jquery.multipage.js
• jquery.validate.min.js

모두 이러한 스크립트뿐만 아니라 HTML과 jsfiddle에 정의 된 css가 예상 결과를 출력하고 있습니다.

그러나 일부 순수한 javascript를 추가하여 일부 onfocus 및 onblur 효과를 얻으려고합니다.

내 질문은 :

<script type="text/javascript"> 
function clearText(field){ 
if (field.defaultValue == field.value) field.value = ''; 
else if (field.value == '') field.value = field.defaultValue; 
} 
</script> 

현재 상태에서 jsfiddle가 여기에 있습니다 : :

http://jsfiddle.net/eJKQn/139/

내가 jsfiddle에 다음 자바 스크립트를 추가하려면 어떻게 위의 환경과

,

감사합니다.

Answer 1

window.clearText = function(field){ 
    if (field.defaultValue == field.value) field.value = ''; 
    else if (field.value == '') field.value = field.defaultValue; 
}; 

때 수행해야하는 윈도우 객체는 w 다른 인클로저/변수와 함수를 정의하는 데 참조 할 수 있습니다 당신의 진정한 글로벌 공간입니다. 위의 것을 사용하면 변경된 것은 첫 번째 줄과 끝에있는 세미콜론뿐입니다.

Answer 2

순수한 자바 스크립트를 추가하는 위치 또는 방법이 중요하지 않다고 생각합니다. 이 스크립트에 대한

// pure Javascript 
function clearText(field){ 
    if (field.defaultValue == field.value) field.value = ''; 
    else if (field.value == '') field.value = field.defaultValue; 
} 

// jQuery 
$(function() { 
    // all your jQuery scripts 
}); 

Answer 3

사용 '더 랩 (머리)'처럼 (대부분 자신의 응용 프로그램에서)이 작업을 수행하기 위해 별도의 jQuery를 자바 스크립트를해야하는 경우 수동으로 온로드 쓰기 또는 JQuery와 준비 기능

Answer 4

내부 Script 태그 자유롭게 jQuery를 자바 스크립트를 모두 사용할 수 있습니다 함께

두 가지 규칙이 지금까지의 내가 쪽이 될 것 document.ready 내부

1. 아무것도 알고 있습니다 rivate. 따라서 범위가 제한됩니다
2. jQuery 객체는 javascript 일반 객체의 래퍼입니다. 그래서, 약간의주의가 자바 스크립트를 혼합 jQuery를