Question

我正在努力理解.on("click"的语法，但却无法理解。

如果我有这段代码：

<script>
    $(function() {
        $(".somediv").not(":contains('$someparam')").addClass("hidden");
    });
</script>

我需要做些什么来将$someparam显示为页面上的链接，单击此链接将激活此jQuery以隐藏div？

提前致谢。

Answer 1

基本上.on用于完全不同的东西。您只需要click鼠标事件：

.click( handler(eventObject) )

因此，对于您的具体示例，它将是以下内容：

$('.someclass').click(function() {
    $(".somediv").not(":contains('$someparam')").addClass("hidden");
});

（顺便说一下，你可能想检查一下'$ someparam'部分 - 用倒置逗号来表示没有意义。）

Answer 2

据我所知，这个问题是将一个隐藏的css类添加到somediv css类中，该类在点击时包含特定的$ someparam。

你可以在小提琴中找到它：

<强> http://jsfiddle.net/DwAAQ/

这是我使用的css：

    .somediv{
        width:100%; 
        height:20px; 
        margin:0 0 10px 0; 
        border-bottom:solid 1px red;
       }
    .hidden{
       display:none;
      }

这是我使用的html：

    <div class='somediv'>1 is</div>
    <div class='somediv'>2 not</div>
    <div class='somediv'>3 not</div>
    <div class='somediv'>4 is</div>

    <button class='someclass'>someClass</button>

这是jQuery i used with on click处理程序：

    $(function(){
        var $someparam = 'is';

        $(document).on('click', '.someclass', function() {
            $(".somediv").not(":contains('" + $someparam + "')").addClass("hidden");
        });
    });

这是做什么的，首先它有一个variable which contains a specific string在这种情况下，我把div中包含'is'。因此，当文档准备好后，我们会button here to click which executes the line in the jquery添加.hidden css class

添加单击以查看jquery函数

2 个答案: