Статьи

10 полезных фрагментов jQuery

Февраль 16, 2019

В настоящее время jQuery является наиболее любимой платформой Javascript для многих разработчиков. С помощью jQuery они смогут создавать потрясающие визуальные эффекты, манипулировать данными и т. Д. Возможно, вы уже были в других моих постах раньше, поэтому я не буду подробно объяснять, какие преимущества можно извлечь из jQuery.

1. Быстрая Копировать Вставить 

  2. Дата рождения 
 $("#lda-form").submit(function(){ var day = $("#day").val(); var month = $("#month").val(); var year = $("#year").val(); var age = 18; var mydate = new Date(); mydate.setFullYear(year, month-1, day); var currdate = new Date(); currdate.setFullYear(currdate.getFullYear() - age); if ((currdate - mydate) < 0){ alert("Sorry, only persons over the age of " + age + " may enter this site"); return false; } return true; }); [/js] 
  3. Текстовый поиск
 [JS]
 $ .fn.egrep = function (pat) {
  var out = [];
  var textNodes = function (n) {
   if (n.nodeType == Node.TEXT_NODE) ​​{
    var t = typeof pat == 'string'?
     n.nodeValue.indexOf (pat)! = -1:
     pat.test (n.nodeValue);
    Если T) {
     out.push (n.parentNode);
    }
   }
   еще {
    $ .each (n.childNodes, function (a, b) {
     textNodes (б);
    });
   }
  };
  this.each (function () {
   textNodes (это);
  });
  возвращаться;
 }; 


  4. Парсер файла XML 


 function parseXml(xml) { //find every Tutorial and print the author $(xml).find("Tutorial").each(function() { $("#output").append($(this).attr("author") + ""); }); } 


  5. Класс Hover добавить и удалить 


 $('.onhover').hover( function(){ $(this).addClass('hover_style_class') }, function(){ $(this).removeClass('hover_style_class') } ) 


  6. Частичное обновление страницы 




 setInterval(function() { $("#refresh").load(location.href+" #refresh>*",""); }, 10000); // seconds to wait, miliseconds 


  7. Положение мыши 


 function rPosition(elementID, mouseX, mouseY) { var offset = $('#'+elementID).offset(); var x = mouseX - offset.left; var y = mouseY - offset.top; return {'x': x, 'y': y}; } 


  8. Задержка анимации или эффекта 


 $(".alert").delay(2000).fadeOut(); 


  9. Всплывающее Windows Opener 


 jQuery('a.popup').live('click', function(){ newwindow=window.open($(this).attr('href'),'','height=200,width=150'); if (window.focus) {newwindow.focus()} return false; }); 


  10. Каждый элемент 


 $("input").each(function (i) { //do something with each and pass i as the number of the element });

30
Share: