• Код
• Чистый код

  1.
<script src="http://code.jquery.com/jquery-latest.js"></script>  
  2.
 <script>  
  3.
 $(document).ready(function(){  
  4.
 // остальные сниппеты здесь!  
  5.
 });  
  6.
</script>  
  7.

• Код
• Чистый код

  1.
.filter(":not(:has(.selected))") 

• Код
• Чистый код

  1.
$("div").css("color","blue");   

• Код
• Чистый код

  1.
$(this).css({'background-color' : 'yellow', 'font-weight' : 'bolder'});

• Код
• Чистый код

  1.
$("DIV:contains(Привет)").css("text-decoration","underline");  

• Код
• Чистый код

  1.
// удалить у всех элементов DIV класс "class"
  2.
$("div").addclass("class");
  3.
// удалить у всех элементов div класс "class"
  4.
$("div").removeclass("class"); 
  5.
// ищем элементы div с классом "class"
  6.
$("div").hasclass("class"); 
  7.
// переключаем класс
  8.
$("div.tumble").toggleclass("class"); 
  9.
// переключаем класс по каждому третьему щелчку
10.
$("DIV.tumble").toggleClass("highlight", count % 3 == 0);

• Код
• Чистый код

  1.
  2.
// HTML
  3.
<ul>
  4.
    <li>Первый элемент</li>
  5.
    <li>Второй элемент</li>
  6.
    <li>Третий элемент</li>
  7.
    <li>Четвёртый элемент</li>
  8.
  </ul>
  9.
</ul>
10.
11.
// jQuery
12.
$(function(){
13.
   $("li").toggle(
14.
      function () {
15.
        $(this).css({"list-style-type":"disc", "color":"blue"});
16.
      },
17.
      function () {
18.
        $(this).css({"list-style-type":"disc", "color":"red"});
19.
      },
20.
      function () {
21.
        $(this).css({"list-style-type":"", "color":""});
22.
      }
23.
    );
24.
});
25.

• Код
• Чистый код

  1.
$("input").has(".email").addClass("email_icon");  

• Код
• Чистый код

  1.
$('link[media='screen']').attr('href', 'Alternative.css'); 

• Код
• Чистый код

  1.
 $("tr:odd").addClass("odd");  
  2.
 $("li:odd").addClass("odd");  
  3.

• Код
• Чистый код

  1.
a.toggleClass('blueButton');  

• Код
• Чистый код

  1.
if ($.browser.msie) { // определили Internet Explorer }   

• Код
• Чистый код

  1.
("p.value:contains('thetextvalue')").hide();    

• Код
• Чистый код

  1.
# Определяем браузер Safari (if( $.browser.safari)),  
  2.
# Определяем IE6 и выше (if ($.browser.msie && $.browser.version > 6 )),  
  3.
# Определяем IE6 и ниже (if ($.browser.msie && $.browser.version <= 6 )),  
  4.
# Определяем FireFox 2 и выше (if ($.browser.mozilla && $.browser.version >= '1.8' ))    

• Код
• Чистый код

  1.
if ($('#someDiv').length) {//hooray!!! it exists...}   

• Код
• Чистый код

  1.
$(".mydiv").delay(5000).hide('blind', {}, 500);  

• Код
• Чистый код

  1.
jQuery.fn.center = function () {  
  2.
this.css('position','absolute');  
  3.
this.css('top', ( $(window).height() - this.height() ) / +$(window).scrollTop() + 'px');  
  4.
this.css('left', ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + 'px');return this;}  

• Код
• Чистый код

  1.
jQuery.log = jQuery.fn.log = function (msg) {  
  2.
      if (console){  
  3.
         console.log("%s: %o", msg, this);  
  4.
      }  
  5.
      return this;  
  6.
}; 

• Код
• Чистый код

  1.
$("ul li").click(function(){  
  2.
  window.location=$(this).find("a").attr("href"); return false;  
  3.
});  

• Код
• Чистый код

  1.
 $.fn.replaceUrl = function() {  
  2.
         var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;  
  3.
         this.each(function() {  
  4.
             $(this).html(  
  5.
                 $(this).html().replace(regexp,'<a href="$1">$1</a>') 
  6.
             ); 
  7.
         }); 
  8.
         return $(this); 
  9.
     } 
10.
     
11.
     $('p').replaceUrl();   

• Код
• Чистый код

  1.
$(function(){
  2.
 $('<a>', {  
  3.
 text: 'jQuery фреймовик!',  
  4.
 href: 'http://www.jquery.com',  
  5.
 id: 'hereid',  
  6.
 rel: 'external',  
  7.
 title: 'Атрибут title для ссылки'  
  8.
 }).appendTo('body'); 
  9.
10.
});
11.

• Код
• Чистый код

  1.
 $("div").data("myName", 'addy');  
  2.
 $("div").data("myName") === 'addy';   

• Код
• Чистый код

  1.
 <ul>  
  2.
 <li>jquery.com</li>  
  3.
 <li>slyweb.ru</li>  
  4.
 <li>linkexchenger.net</li>  
  5.
 <li>vremenno.net</li>  
  6.
 <li>anton.shevchuk.name</li>  
  7.
 <li>other blog</li>  
  8.
 </ul>  
  9.
10.
11.
12.
// первые два li
13.
$('li').slice(0,2).css('background-color', '#f1f1f1');  
14.
// первые второй и третий
15.
$('li').slice(2,4).css('background-color', 'yellow');  
16.
// два последних
17.
$('li').slice(-2).css('background-color', '#cadceb')   
18.
19.

• Код
• Чистый код

  1.
  2.
$(function(){
  3.
var aol       = $.browser.aol();       // AOL Explorer
  4.
var camino    = $.browser.camino();    // Camino
  5.
var firefox   = $.browser.firefox();   // Firefox
  6.
var flock     = $.browser.flock();     // Flock
  7.
var icab      = $.browser.icab();      // iCab
  8.
var konqueror = $.browser.konqueror(); // Konqueror
  9.
var mozilla   = $.browser.mozilla();   // Mozilla
10.
var msie      = $.browser.msie();      // Internet Explorer Win / Mac
11.
var netscape  = $.browser.netscape();  // Netscape
12.
var opera     = $.browser.opera();     // Opera
13.
var safari    = $.browser.safari();    // Safari
14.
15.
var userbrowser     = $.browser.browser(); //detected user browser
16.
17.
//operating systems
18.
19.
var linux = $.browser.linux(); // Linux
20.
var mac   = $.browser.mac();   // Mac OS
21.
var win   = $.browser.win();   // Microsoft Windows
22.
23.
//version
24.
25.
var userversion    = $.browser.version.number();
26.
27.
/* ----------------------------------------------------------------- */
28.
29.
if (mac == true) { 
30.
31.
        $("#os").text("mac"); 
32.
33.
} else if (linux == true) {
34.
35.
        $("#os").text("linux"); 
36.
37.
} else if (win == true) {
38.
39.
        $("#os").text("windows");
40.
41.
}
42.
43.
/* ----------------------------------------------------------------- */                 
44.
45.
if (userbrowser == "Safari") {
46.
47.
        $("#browser").text("safari"); 
48.
49.
} else if (userbrowser == "Firefox") {
50.
51.
        $("#browser").text("firefox"); 
52.
53.
} else if (userbrowser == "Camino") {
54.
55.
        $("#browser").text("camino"); 
56.
57.
} else if (userbrowser == "AOL Explorer") {
58.
59.
        $("#browser").text("aol"); 
60.
61.
} else if (userbrowser == "Flock") {
62.
63.
        $("#browser").text("flock"); 
64.
65.
} else if (userbrowser == "iCab") {
66.
67.
        $("#browser").text("icab"); 
68.
69.
} else if (userbrowser == "Konqueror") {
70.
71.
        $("#browser").text("konqueror"); 
72.
73.
} else if (userbrowser == "Mozilla") {
74.
75.
        $("#browser").text("mozilla"); 
76.
77.
} else if (userbrowser == "Netscape") {
78.
79.
        $("#browser").text("netscape"); 
80.
81.
} else if (userbrowser == "Opera") {
82.
83.
        $("#browser").text("opera"); 
84.
85.
} else if (userbrowser == "Internet Explorer") {
86.
87.
        $("#browser").text("ie");
88.
89.
} else {}
90.
91.
92.
$("#version").text("" + userversion + "");
93.
});
94.

• Код
• Чистый код

  1.
$('#elm').hover(
  2.
       function(){ $(this).addClass('hover') },
  3.
       function(){ $(this).removeClass('hover') }
  4.
)
  5.

• Код
• Чистый код

  1.
//  Safari
  2.
if( $.browser.safari ) $("#menu li a").css("padding", "1em 1.2em" );
  3.
 
  4.
// IE 6 версии и выше
  5.
if ($.browser.msie && $.browser.version > 6 ) $("#menu li a").css("padding", "1em 1.8em" );
  6.
 
  7.
//IE 6 версии и ниже
  8.
if ($.browser.msie && $.browser.version <= 6 ) $("#menu li a").css("padding", "1em 1.8em" );
  9.
 
10.
// Firefox 2 and above
11.
if ($.browser.mozilla && $.browser.version >= "1.8" ) $("#menu li a").css("padding", "1em 1.8em" );