jQuery中有样式选择器吗？

Question

如果我想选择它的alt是Home的每个图像,我可以这样做:

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

但是,如何width在单个选择器中选择其CSS属性为750px的每个元素？

编辑:如果没有这样的选择器,是否有任何插件,或任何计划在下一个jQuery版本中执行它？

Answer 1

不一定是个好主意,但你可以为它添加一个新的Sizzle选择器:

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

你可以这样使用它:

$('div:width(970)')

然而,这将是非常缓慢的,所以你想要缩小与之比较的元素数量:

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

只选择那些作为导航栏直接后代的div,它们的宽度也是970px.

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");