Web/JQuery

Jquery trim 실습 && 공백없애기

꿈풀이 2014. 11. 13. 10:28

★ trim Jquery 실습

 

 <!DOCTYPE html>
<html>
<head>
<title>Jquery 연습하기</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script type="text/javascript">
 $(document).ready(function() {
       var test = "  abc    ";
       var test1 = " a b c d e f g";
  
       var str = $.trim(test);

       var str2 = $.trim(test1);

       var str3 = = test1.replace(/ /g, '');

 

       alert(str);

       alert(str2);

       alert(str3);
 })
</script>

</head>
<body style="padding: 10px;">

 

</body>

    

 

★ 결과

 

팝업이 띄워지면서

abc

a b c d e f g

abcdefg

 

★ 설명 : trim 가운데 공백이 아닌 첫열과 뒷쪽 공백만 제거 한후에 결과를 보여준다...