[jQuery] jQueryのプロパティ「$.expr」を使用して、独自のセレクタを実装する

<script>
$.extend($.expr[':'], {
    over100pixels: function (e)
    {
        return $(e).width() > 100;
    }
});
</script>

<script> $.extend($.expr[':'], { over100pixels: function (e) { return $(e).width() > 100; } }); </script>

<script>
$(".box:over100pixels").click(function () {
    alert("幅100px以上のBOXです。");
});
</script>
<div class="box" style="width:80px" />width:80px</div>
<div class="box" style="width:90px" />width:90px</div>
<div class="box" style="width:100px" />width:100px</div>
<div class="box" style="width:110px" />width:110px</div>
<div class="box" style="width:120px" />width:120px</div>
<div class="box" style="width:130px" />width:130px</div>

<script> $(".box:over100pixels").click(function () { alert("幅100px以上のBOXです。"); }); </script> <div class="box" style="width:80px" />width:80px</div> <div class="box" style="width:90px" />width:90px</div> <div class="box" style="width:100px" />width:100px</div> <div class="box" style="width:110px" />width:110px</div> <div class="box" style="width:120px" />width:120px</div> <div class="box" style="width:130px" />width:130px</div>