Статьи

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

В настоящее время 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 });