1.jQuery 함수 접두어 JavaScript에서 개발자는 일반적으로 사용자가 양식을 제출할 때 텍스트 상자의 앞뒤 공백을 지우는 등 다양한 작업 세부 사항을 처리하기 위해 몇 가지 작은 함수를 작성합니다. JavaScript에는 유사한 Trim() 함수가 없습니다. 사범대학에서 jQuery를 사용한 후에는 Trim() 함수를 사용할 수 있습니다. trim() 함수는 jQuery 객체의 메서드이므로 다음 예제를 사용하세요 코드 복사 코드는 다음과 같습니다. <br> var sString = " 1234567890";<br> sString = $.trim(sString);<br> 경고(sString.length);<br> > <br> </div> 실행결과<p> </p> <p><img alt="" src="http://files.jb51.net/file_images/article/201501/2015011911094565.png"> </p>문자열 sString의 앞뒤 공백은 jQuery에 의해 제거됩니다. <p> </p>어느<p> </p>$.trim(sString)<p> <br>과 동일 </p>jQuery.trim(sString)<p> jQuery에는 이와 같은 많은 기능이 있으며 이는 JavaScript의 모든 측면을 포함합니다. <br> </p> <p>2. window.onload 함수 충돌 해결 <strong></strong> </p>페이지 HTML 프레임워크를 사용하려면 완전히 로드해야 하므로 DOM 프로그래밍 중에 window.onload가 자주 사용됩니다. 이 기능을 페이지의 여러 위치에서 사용해야 하는 경우 다른 js에도 다음을 포함해야 합니다. window.onload 함수로 인해 많은 충돌이 발생했습니다. <p> </p>jQuery의 Ready() 메서드는 위의 문제를 매우 잘 해결합니다. 페이지가 로드된 후 자동으로 함수를 실행할 수 있습니다. 그리고 동일한 페이지는 서로 충돌하지 않고 여러 개의 Ready() 메서드를 사용할 수 있습니다. <p> </p>예: <p> </p> <p></p> <div class="codetitle"><span><a style="CURSOR: pointer" data="87085" class="copybut" id="copybut87085" onclick="doCopy('code87085')">코드 복사<u></u></a> 코드는 다음과 같습니다.</span></div> <div class="codebody" id="code87085"> <script type="text/javascript"><br> $(document).ready(function() {<br> $("table#mytable tr:nth-child(odd)").addClass("altcss");<br> })<br> > <br><br> </div>jQuery는 위 코드에 대한 약어도 제공하므로 (document).ready 부분을 생략할 수 있습니다 <p>코드는 다음과 같습니다. </p> <p></p> <p></p> <div class="codetitle"><span>코드 복사<a style="CURSOR: pointer" data="65059" class="copybut" id="copybut65059" onclick="doCopy('code65059')"><u></u> 코드는 다음과 같습니다.</a></span></div> <script type="text/javascript"><div class="codebody" id="code65059"> $(function() {<br> $("table#mytable tr:nth-child(odd)").addClass("altcss");<br> })<br> > <br><br> <br>위 표에서 대체 행의 색상을 변경하는 코드입니다. </div>