javascript - 如何防止使用 Id 的特定选择器上的 CSS/JavaScript？

Question

我正在使用此 JavaScript 在我的代码中的单选按钮和复选框上添加 CSS 类。

    $('input[type="checkbox"]').iCheck({
        checkboxClass: 'icheckbox_flat-blue'
    });
    $('input[type="radio"]').iCheck({
        radioClass: 'iradio_flat-blue'
    });

我在我的 HTML 页面中关注布局和内容现象，换句话说，我有一个 layout.html，其中包含所有页面中相似的所有部分和部分，我在我的 content.html 页面中使用此布局来呈现内容.

|----------------------|                      |----------------------|
|   Header             |                      |   Header             |
|======================|                      |======================|
|                      |                      |                      |
|                      |                      |                      |
|     Content 1        |                      |    Content xyz       |
|                      |                      |                      |
|                      |                      |                      |
|======================|                      |======================|   
| footer               |<-----Layout--------->| footer               | 
|----------------------|                      |----------------------|

所有 CSS 和脚本都在布局中，因为我几乎在每个内容页面中都使用它们。 我的内容页面包含 HTML 输入字段，如文本、单选等。上面的脚本位于布局文件中，它在我的内容页面的单选按钮和复选框中添加了 CSS 类。但它们是同一内容页面中的某些地方，我不希望此脚本在我的输入字段上工作。我想在同一内容页面中的两个单选按钮上阻止此脚本用于其他单选按钮。 有没有办法通过给他们一个 ID 来做到这一点？

Answer 1

您可以在您不想更改的输入 radio 中设置一个类:

<input type="radio" class="not-apply" />

并在 jQuery 选择器中使用 :not 操作来排除该类:

$('input[type="checkbox"]:not(.not-apply)')