jQ стандарт

jQ.js

//<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>

(function($) {
"use strict";
})(jQuery);

;jQuery(document).ready(function ($) {
	"use strict";
	var $ = jQuery;
});

jQuery(document).ready(function ($) {
	
	///////////////////////////////////////////////////////////////////////////////////////////
	/////// action element
	///////////////////////////////////////////////////////////////////////////////////////////
	
	// scroll
	$(".button_plan").on('click touch', '', function(event) {
	    event.preventDefault();
	    $.scrollTo($('#p1bg'), 1000);
	});
	// scroll 2
	$('a.avalability_title_link').on('click',function () {
	    $('html, body').animate({scrollTop: 0},500);
	    return false;

	});

	// is element
	    if(jQuery('#advanced_area').length>0){ 
	        area   =   jQuery('#advanced_area').val();
	    }



	$('.phone-mask').mask('+9 (999) 999-99-99');
	$flyValidation.find('.form-control[name="tel"]').mask('+9 (999) 999-99-99');


	$('.psych-form-form-structure').on('click', '.quizbox', function(event) {
	var output = "";
	var  data = new FormData(qform);
	  for (const entry of data) {
	    output = entry[0] + "=" + entry[1] + "\r";
	  };
	  console.log(output);
	  console.log(data);

	});



		/*========================================================
		*		Выбрать элемент-ы
		========================================================*/

		$("#lBlock").closest("div");
		 $('.header').css('background-color','#D3D9DB');
		 $('[title = img2]').css('background-color','#D3D9DB');

		 var linksList = $('.item li');
		  linksList.removeAttr('bgColor');

		 var bg = '#D3D9DB';
		 $('.item').each(function(){
		 	$(this).css('background-color',bg);
		 });
		 
		 	$('#qwer').on("click", function(event) {
		$(this).parent().addClass("open");
	});
		 //.показать.задержка500мс.анимация
		 $('#resources').show().delay(500).animate({ left : '-25em' }, 250).animate({left:'-29em'},250);

        var message = '<p class="text">вносимый параграф из Jquery</a>';
		 $('#lastItem').append(message);
		 //2
		 $("p").append(document.createTextNode("Hello"));

		 $('#firstItem').click(function()
		 	{
		 		$('#firstItem').fadeToggle();
		 	});
		 $('#logo').click(function()
		 	{
		 		$('#logo').slideToggle(1000);
		 	});
    $("p:first").addClass("intro");


		// возвращает коллекцию элементов, которые имеют один уровень в DOM
		 $('p').siblings();

		 //обвернуть элементом
		 $('p').wrap('<div class="wrap1" />'); 

		$('ul#nav li a').m.ap(function() {  
		  return $(this).attr('title');  
		});  // Теперь коллекция ссылается на title  
		// Это может быть началом плагина для всплывающих подсказок. 

		$(':animated'); // Возвращает все элементы, для которых выполняется анимация в текущий момент  
		$(':contains(me)'); // Возвращает все элементы с текстом 'me'  
		$(':empty'); // Возвращает все элементы, у которых нет потомков или текста  
		$(':parent'); // Возвращает все элементы с потомками или текстом
		$('li:even'); // Возвращает все элементы с четным индексом(в данном случае, для <li>)  
		$('li:odd'); // Возвращает все элементы с нечетным индексом(в данном случае, для <li>)  
		$(':header'); // Возвращает все h1 - h6.  
		$('li:gt(4)'); // Возвращает все элементы с индексом большим, чем заданный номер  
		$('li:lt(4)'); // Возвращает все элементы с индексом меньшим, чем заданный номер 
		$('li:eq(2)'); // Возвращает 3й(2+1) элемент
		$(':only-child'); // Возвращает все


		/*========================================================
				*		Работа со строками
				========================================================*/
		$.isArray([1, 2, 3]); // Возвращает true  
		$.isEmptyObject({}); // Возвращает true  
		$.isFunction(function () { /****/ }); // Возвращает true  

		var nums = '1,2,3,4,5,6,7,8,9,10'.split(',');  
		nums = $.grep(nums, function(num, index) {  
		  // num = текущее значение элемента массива  
		  // index = индекс элемента массива  
		  return num > 5; // возвращает значение типа boolean  
		});  
		console.log(nums); // Выводит в консоль 6,7,8,9,10  

	 
/*========================================================
		*		Работа с функциями
		========================================================*/
		var person = {  
		  name : "Андрей",  
		  meet : function () {  
		    alert('Привет! Меня зовут ' + this.name);  
		  }};  
		person.meet();  
		$('#test').click(person.meet);//этот код не работает, нужен прокси
		$('#test').click($.proxy(person.meet, person));  // Так же можно использовать $.proxy(person, "meet") 

		  $(':text:first').focus();

		  $('#creditCard').prop('disabled', true);

		  $('#hideShip').click(function() {
			if ($(this).prop('checked')) {
				 $('#shipping').slideUp('fast');
			} else {
				 $('#shipping').slideDown('fast');
			}
		}); 

		  /*========================================================
		  		*		Высота элементов
		  		========================================================*/
		var h_top = jQuery('.text-2').offset().top; //высота от документа до элемента
		var h_element = jQuery('.text-2').innerHeight(); //высота элемента
		var h_el_min = jQuery('.text-2').height(); //высота элемента без отступов


/*========================================================
		*		jQueryUI
		========================================================*/
		 $('#hello').dialog(
		 	{

		 		buttons : {
		 			"Подтвердить" : function()
		 			{
		 				// $('#robot').effect('explode');
						$(this).dialog('close');
		 			
		 			},
		 			"Отменить" : function()
		 			{
		 					$(this).dialog('close');
		 			}
		 		},
		 		// autoOpen : false,
		 		// modal : true,
		 		 // draggable : false,  
		 		resizable : false,
		 		position : {
		 			my : 'right bottom   - 10',
		 			at : 'right bottom',
		 			of : '.sidebar'               /*окно распологается относительно элемента*/
		 		},
		 		hide :{
		 		effect :'explode',
		 		delay : 250,
		 		duration : 1000,
		 		easing : 'easeInQuad'

		 	}
		 	});

		 $('#tool1').tooltip(
		 {
		 	hide : 'explode',
		 	content : '<img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcS5StA9S7il4nRjstepsRN7PEg2KVF_b82E4IzBYxmXjXQ443_T" alt="Посмотрите на меня">'
		 });

		 $('#tool2').tooltip(
		 	{
		 		content : $('.tooltipTemplte').html()
		 	});

		 $('#tabContainer').tabs(
		 	{
		 		 show : 'fadeIn',
		 		hide : 'fadeOut'
		 	});

		   $('#dob').datepicker({
   	 changeMonth : true ,
   	 changeYear : true,
   	 yearRange : '-120:+0',
   	 maxDate : 0,
   	 dateFormat : 'm-dd-yy'
   	});

		 $('#acardion').accordion();

		 /*========================================================
		 		*		AJAX
		 		========================================================*/

	$.post('somePage.php', function (data) {
	    /*****/
	data =  $.parseJSON(data);
	    /*****/
	});

	 $('#login').submit(function() {
    var formData = $(this).serialize();
    $.post('login.php',formData,processData).error('ой');
    function processData(data) {
      console.log(data==='pass');
        if (data==='pass') {
           $('.main').html('<p>Вы авторизованы!</p>');
        } else {
           if ($('#fail').length === 0) {
             $('#formwrapper').prepend('<p id="fail">Некорректная  информация. Попробуйте еще раз</p>');
          }
        }
      } // end processData
    return false;
  }); // end submit
    

var data = $('#form').serialize();
$.get('index.php?'+data,function(recdata,status){
  if( status=='succes' ){
    alert('Данные успешно отправлены!')
  }else{
    alert('В процессе отправки произошла ошибка :(')
  }
});

$.getJSON('index.php',{login:'leroy',password:'password'},function(data,status){
  if( status=='success' ){
    if(data.auth==true)
      alert('Вы успешно прошли авторизацию!')
    else
      alert('Логин либо пароль не верны')
  }else{
    alert('В процессе отправки произошла ошибка :(')
  }
})



	});