Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What useful custom jQuery selectors have you written?

Tags:

For me, one of the best, yet under-utilised feature of jQuery is the custom selector. I have a fairly trivial example of this, to pick out all text boxes that are empty:

$(document).ready(function() {
    $.extend($.expr[':'], {
        textboxEmpty: function(el) {
            var $el = $(el);
            return ($el.val() == "") && ($el.attr("type") == "text");
        }
    });
});

And to call:

alert($(":textboxEmpty").length);

I was wondering, really, if anyone else had some useful examples of custom selectors they have written.

I am, of course, not blind to the pitfalls of these, and realise that they can be quite slow and, as such, should be combined with other faster selectors. It would be useful to hear if there are any other problems we should be aware of.

like image 699
James Wiseman Avatar asked Dec 21 '09 14:12

James Wiseman


People also ask

What is custom selector in jQuery?

jQuery selectors allow you to select and manipulate HTML element(s). jQuery selectors are used to "find" (or select) HTML elements based on their name, id, classes, types, attributes, values of attributes and much more. It's based on the existing CSS Selectors, and in addition, it has some own custom selectors.

How many types of selectors are there in jQuery?

The most important functionality of jQuery is provided by it's Selectors. This tutorial will explain jQuery Selectors with simple examples covering all the three standard selectors.

How jQuery selectors are executed?

If dealing with more than two selectors in a row then your last selectors are always executed first. For example, jQuery will first find all the elements with class “. list” and then it will select all the elements with the id “second”. What is the Vibration API in HTML5 ?


1 Answers

I haven't written any, yet James Padolsey has a great collection of selector plug-ins (for elements in view, for external links, for elements with a specific .data property, etc)

like image 183
Alex Gyoshev Avatar answered Nov 09 '22 16:11

Alex Gyoshev