I’ve been having a lovely day at work, fiddling with jQuery. I started to come up with some really gnarly selector chains though, and I wondered what nodes they were actually addressing.
So, I wrote a tiny jQuery extension that logs the current jQuery selection to the firebug console.
jQuery.fn.log = function (msg) {
console.log("%s: %o", msg, this);
return this;
};
Now, I can just stuff a call to .log() in the middle of what I’m doing to see what I’m currently addressing. e.g.
$(root).find('li.source > input:checkbox').log("sources to uncheck").removeAttr("checked");
The nice thing about logging to firebug is that each node becomes clickable in the console, so you can immediately see the context.
Group items tagged
Paging Listbox; Another jQuery Plugin - 1 views
-
Few months ago I posted a Javascript class on how to Implement a paging listbox using jQuery. which has drawn a lot of traffic and few questions lately so I thought it would be more convenient to rewrite the code as jQuery plugin and make few enhancements plus providing a complete sample code in VB.Net and C#.\n
jwysiwyg - Google Code - 0 views
-
wysiwyg jquery plugin
-
really good stuff~
jqueryjs - Google Code - 0 views
Brando Responsive and Multipurpose OnePage WordPress Theme - 0 views
-
Brando is a completely modern, feature-rich, professionally designed, fully responsive and multi-purpose onepage WordPress theme. You will have an impressive number of readymade onepage site demos as per your business nature like design / ad / digital media agency, architecture firm, personal resume / vcard / portfolio, freelancer, spa and beauty saloon, art and photography, wedding, restaurant / hotel, tours and travel agency, event landing page, tattoo maker but this is not the limit as you can combine multiple elements from different innovative demo to achieve the style as per your imagination. It provides multiple eye-catching portfolio and blog layouts as well as coming soon page for showcasing your projects, news and other content. The Visual Composer - a widely used, premium, drag & drop enabled, quick content editing tool is integrated and included in the theme free of cost to helps you create and manage website pages content without touching the code. It also offers theme settings panel to manage overall website layout, colors, fonts, header, footer, social sharing and much more. It provides a great import feature to import demo data for your desired onepage demo or multiple different demos also quickly. Brando is extremely polished, cutting edge implementation of high-end search engine optimization enhancement techniques from the well structured and fast executable codebase, better result in all devices and browsers, and rendering your pages spectacularly effective to achieve the top ranks for all the relevant searches at an impressive high speed and hence resulting in higher level of traffic.
flot - Google Code - 0 views
jQuery Logging - 0 views
Working with jQuery, Part 2: Building tomorrow's Web applications today - 0 views
-
// In this example, each row in a table will get a red background when // the mouse moves over it and a white background when the mouse leaves. $("tr").hover(function(){ $(this).css("background","#0000ff"); }, function(){ $(this).css("background","#ffffff"); });
-
attr(name)
-
// will change the image source, and the image displayed on the page will change $("img").attr("src", "myimage.jpg");
- ...5 more annotations...
jqac - Google Code - 0 views
::TexoTela:: jQuery - preload images - 0 views
-
jQuery.preloadImages = function() { for(var i = 0; i<arguments.length; i++) { jQuery("<img>").attr("src", arguments[i]); } }
jQuery and JavaScript Coding: Examples and Best Practices | How-To | Smashing Magazine - 0 views
1 - 14 of 14
Showing 20▼ items per page