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

Вы загрузили старую версию документа! Сохранив её, вы создадите новую текущую версию с этим содержимым.

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

===== Q-A =====

* **Q: Как сделать метод в JQuery**
    * A: <code javascript>
(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();
});
</code>
    * A: <code javascript>
$(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);

});
</code>
  * **Q: Выполнение нескольких запросов AJAX через jQuery .post**
    * A: http://js-prog.blogspot.com/2012/06/ajax-jquery-post.html
  * **Q: Отправка данных форм ссылкой с помощью js/jquery**
    * A: <code html>
<script>
$(document).ready(function(){
   $("#submit").click(function(evt){
      evt.preventDefault();
      $("#form").submit();
   })
})
</script>
<form id="form">
   <a id="submit" href="#">Submit</a>
</form>
</code>
  * **Q: Отправить POST с ипользованием Ajax**
    * A: <code html>
<form name="myform" id="myform" action="" method="POST">  

    <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>
</code>
  * **Q: Отправить POST с ипользованием Ajax**
    * A: <code html>
$('select').change(function(){
  var v = $(this).val();
	
	$.ajax({
	   type: "POST",
	   url: "obr.php",
	   data: "val="+v,
	   success: function(msg){
	     alert( "Data Saved: " + msg );
	   }
	 });

});
</code>

Сводка изменений

Примечание: редактируя эту страницу, вы соглашаетесь на использование своего вклада на условиях следующей лицензии: CC0 1.0 Universal