[javascript] jQuery를 어디서 배울 수 있습니까? 그만한 가치가 있습니까?

나는 자습서 (이러한 일련의 발견 “jQuery를 절대 초보자를위한”비디오 시리즈) 에 의해 제프리 방법은 아주 도움이됩니다.

jQuery를 처음 사용하는 개발자를 대상으로합니다. 그는 jQuery를 사용하여 애니메이션, 요소 생성 및 제거 등과 같은 멋진 것들을 만드는 방법을 보여줍니다.

나는 그것으로부터 많은 것을 배웠다. 그는 jQuery를 사용하기 쉬운 방법을 보여줍니다. 이제는 그것을 좋아하고 복잡하더라도 jQuery 스크립트를 읽고 이해할 수 있습니다.

다음은 ” 텍스트 크기 조정 “을 좋아하는 예입니다.

1- jQuery :

<script language="javascript" type="text/javascript">
    $(function() {
        $('a').click(function() {
            var originalSize = $('p').css('font-size'); // Get the font size.
            var number = parseFloat(originalSize, 10);  // That method will chop off any integer 
                                                        // from the specifid varibale "originalSize".
            var unitOfMassure = originalSize.slice(-2); // Store the unit of massure, Pixle or Inch.

            $('p').css('font-size', number / 1.2 + unitOfMassure);
            if (this.id == 'larger') {
              $('p').css('font-size', number * 1.2 + unitOfMassure);
            } // Figure out which element is triggered.
         });
     });
</script>

2- CSS 스타일링 :

<style type="text/css" >
  body{
      margin-left:300px;text-align:center;
      width:700px;
      background-color:#666666;}
  .box {
      width:500px;
      text-align:justify;
      padding:5px;
      font-family:verdana;
      font-size:11px;
      color:#0033FF;
      background-color:#FFFFCC;}
</style>

2- HTML :

<div class="box">
    <a href="#" id="larger">Larger</a> |
    <a href="#" id="Smaller">Smaller</a>
    <p>
    In today’s video tutorial, I’ll show you how to resize text every
    time an associated anchor tag is clicked. We’ll be examining
    the “slice”, “parseFloat”, and “CSS” Javascript/jQuery methods.
    </p>
</div>

다음 자습서를 적극 권장합니다.

http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/

답변