Question

我的HTML中有以下内容：

 <div class="owl-item" style="width: 272px;">....</div>
 <div class="owl-item" style="width: 172px;">....</div>
 <div class="owl-item" style="width: 72px;">....</div>
 <div class="owl-item" style="width: 2px;">....</div>

现在我要添加以下样式＆＃34; cursor：pointer＆＃34;带有类＆＃34; owl-item＆＃34;的项目而且当点击div时我想导航到一个网页。我实现了后者，但没有办法找到前者。

我用过：

 <script>
    $(document).ready(function () {

        $(".owl-item").click(function () {

            window.open ("../Gallery3.aspx");
        });


    });
</script>

Answer 1

使用.css()：

jQuery(function($) {
    $('.owl-item').css('cursor', 'pointer');
});

您还可以使用此函数通过将对象传递给它来设置多个CSS属性：

jQuery(function($) {
    $('.owl-item').css({
         'cursor': 'pointer',
         'background-color': 'red',
    });
});

最后，如果您没有有条件地设置此CSS属性，最好直接使用CSS：

.owl-item {
    cursor: pointer;
}

使用jquery将样式“cursor：pointer”添加到类项

1 个答案: