jQuery中有样式选择器吗？

Question

例如，如果我想选择alt所在的每一张图片，我可以这样做：

$("img[alt='Home']")

但是，如何在单个选择器中选择它们的width CSS属性为750 is的每个元素？

编辑：如果没有这样的选择器，是否有插件，或者计划在下一个jQuery版本中这样做？

Answer 1

不一定是个好主意，但您可以为它添加一个新的Sizzle选择器：

$.expr[':'].width = function(elem, pos, match) {
    return $(elem).width() == parseInt(match[3]);
}

然后你可以像这样使用：

$('div:width(970)')

但是，这会非常缓慢，所以您需要缩小与以下内容相比的元素数量：

$('#navbar>div:width(970)')

只选择那些直接继承navbar的div，后者的宽度也是970 of。

Answer 2

var $images = $("img").filter(function() {
    return $(this).css('width') == '750px';
});

编辑:没有插件，我知道，或任何计划，包括这样的具体功能。您可以自己轻松地将其插件化，例如(未经测试)：

$.fn.filterByWidth = function(width) {
    var $images = $("img").filter(function() {
        return $(this).css('width') == width;
    });
    return $images;
};

用法：

$images = $('#div img').filterByWidth('750px');
$images = $('#div img').filterByWidth('50%');
...etc...

Answer 3

我不知道这会不会奏效，但是.

${"[style*=width: 750px]")

但是，最好使用类来控制宽度，然后修改该类所有实例的宽度.或者换一个不同的类别：

$(".classname").removeClass("classname").addClass("otherclassname");