使用jquery添加和删除属性

前端之家收集整理的这篇文章主要介绍了使用jquery添加和删除属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的按钮:
<button id="add">Add</button>
<button id="remove">Remove</button>

这是我的JavaScript代码

<script type="text/javascript">
    $(document).ready(function(){   
        /*** Add attribute ***/
        $("#add").click(function(){
            $("#page_navigation1").attr("id","page_navigation1");
        });     
        /*** Remove attribute ***/
        $("#remove").click(function(){
            $("#page_navigation1").removeAttr("id");
        });     
    });
</script>

这是我的HTML代码

<div id="page_navigation1">next</div>

我的问题是,当我点击删除按钮一切都很好,ID将被删除
但是点击删除按钮后,当我点击添加按钮,代码不工作,没有任何反应!

我需要添加删除ID的这个代码,但我可以只删除ID,我无法添加ID。我需要一些帮助,这一点,还有一件事,

当按钮处于活动状态时,如何为按钮添加CSS样式?
像这样,当我单击删除按钮,我想更改按钮背景为红色。我需要添加css类添加删除时,按钮是活动的!我不知道如何!

解决方法

这是因为你已经删除了id,这是你如何找到元素。这行代码试图将id =“page_navigation1”添加到名为page_navigation1的元素,但它不存在(因为您删除了该属性):
$("#page_navigation1").attr("id","page_navigation1");

演示:

如果您要添加删除使< div>红色使用:

$( '#page_navigation1' ).addClass( 'red-class' );

和:

$( '#page_navigation1' ).removeClass( 'red-class' );

红类是:

.red-class {
    background-color: red;
}

猜你在找的jQuery相关文章