jQuery Plugin: Tracing Your Selector Paths
A while back, I wrote a proof-of-concept about enabling step-debugging in your jQuery selector paths. In that previous demo, you had to enter your jQuery selector values into a form and execute it manually within the test environment. This morning, I took that same concept and rolled it into a jQuery plugin. The plugin both lives as a utility function off of the jQuery library as well as a function that extends the jQuery collections which, internally, just calls the utility method. The way the tracer works is that it starts at the top of the selector path and walks through each selector step, adding a CSS class to each set of resultant nodes, giving them each a successively darker background color.
Related Submissions:
- The Definitive Guide to Creating a Practical jQuery Plugin In this article we’re going to be building our very own jQuery plugin step-by-step from scratch; jQuery makes this task exceptionally easy for us, giving...
- Password Validation Plugin This plugin extends the jQuery validation plugin, providing two components: * A function that rates passwords for factors like mixed upper/lower case, mix of characters...
- Creating a Custom “:selected†Pseudo Selector in MooTools A while back I read a very interesting article by MooTools core developer Jan Kassens about how to create a custom pseudo selector in MooTools....
- jQuery Photo Tagger Plugin For Flickr-Style Photo Tagging A few days ago, I programmed a little proof-of-concept for Flickr-style photo tagging using jQuery. I did it as an exploration in mouse-based event binding;...
- Learn How To Create Your Own jQuery Plugin JQuery offers a very practical and easy way to build plugins, as well as a very good documentation on this subject. However, it could be...