Будьте крутыми и напишите свои собственные селекторы jQuery
В jQuery есть множество встроенных селекторов для выбора элементов (по идентификатору, классу, тегу, атрибуту и т. д.), но разве вы не хотите быть умным и начать создавать свои собственные селекторы jQuery ? Ну, это довольно просто, вот как вы можете это сделать!
«Большинство разработчиков обычно добавляют классы в нашу разметку и затем ссылаются на них, используя jQuery. Но другой способ — создавать свои собственные селекторы, расширяя jQuery! »
Допустим, вы хотите выделить все элементы, которые имеют высоту более 100 пикселей. Вот как вы можете создать селектор, чтобы сделать это для вас!
//Define the custom selector
$.extend($.expr[':'], {
over100pixels: function(a) {
return $(a).height() > 100;
}
}); //Use it on an event to any element you click that is over 100 pixels high
$('div:over100pixels').click(function() {
alert('The element you clicked is over 100 pixels high');
});
Это оно! Небо — предел с пользовательскими селекторами jQuery, так что начинайте подниматься по этой лестнице!