Это старая версия документа!


JQuery Вопросы / Ответы

  • Q: Как сделать метод в JQuery
    • A:
      (function($) {
      jQuery.fn.doSomething = function() {
         return this.each(function() {
            var $this = $(this);
       
            $this.click(function(event) {
               event.preventDefault();
               // Your function goes here
            });
         });
      };
      })(jQuery);
       
      // А так можно бкдет потом вызвать метод
       
      $(document).ready(function() {
         $('#div1').doSomething();
         $('#div2').doSomething();
      });

    • A:

      $(function() {
       
        // Way 1
        function doosomething()
        {
          //Doo something
        }
       
        // Way 2, equivalent to Way 1
        var doosomething = function() {
          // Doo something
        }
       
        $("div.class").click(doosomething);
       
        $("div.secondclass").click(doosomething);
       
      });

  • Q: Выполнение нескольких запросов AJAX через jQuery .post
  • Q: Отправка данных форм ссылкой с помощью js/jquery
    • A:

      <script>
      $(document).ready(function(){
         $("#submit").click(function(evt){
            evt.preventDefault();
            $("#form").submit();
         })
      })
      </script>
      <form id="form">
         <a id="submit" href="#">Submit</a>
      </form>

  • Q: Отправить POST с ипользованием Ajax
    • A:

      <form name="myform" id="myform" action="" method="POST">  
      <!-- The Name form field -->
          <label for="name" id="name_label">zoom</label>  
          <input type="text" name="zoom" id="zoom" size="30" value=""/>  
          <br>
      </select>
      <script type="text/javascript">
        $(document).ready(function(){
            $("#myform").submit( function () {    
              $.post(
               'post.php',
                $(this).serialize(),
                function(data){
                  $("#results").html(data)
                }
              );
              return false;   
            });   
        });
      </script>

  • Q: Отправить POST с ипользованием Ajax
    • A:

      $('select').change(function(){
        var v = $(this).val();
       
      	$.ajax({
      	   type: "POST",
      	   url: "obr.php",
      	   data: "val="+v,
      	   success: function(msg){
      	     alert( "Data Saved: " + msg );
      	   }
      	 });
       
      });