一、jQuery删除class
通过jQuery可以方便地对HTML元素的class进行修改和删除操作。下面是一个示例，演示了如何删除指定元素的class：
$('div').removeClass('my-class');
通过上述代码，你可以将class名为’my-class’的class从所有div元素中删除。如果想同时删除多个class，可以在removeClass()方法中传入多个class名称，用空格隔开：
$('div').removeClass('my-class1 my-class2');
上述代码可以将class名为’my-class1’和’my-class2’的class从所有div元素中删除。
二、jQuery删除节点的方法
jQuery不仅可以删除HTML元素的class，还可以删除整个HTML节点。下面是一段代码，演示了如何使用jQuery删除指定的HTML节点：
$('div').remove();
上述代码可以将所有div元素从HTML文档中删除。如果你只想删除匹配选择器的第一个元素，可以使用下面的代码：
$('div:first').remove();
上述代码可以将第一个div元素从HTML文档中删除。
三、jQuery删除class样式
删除HTML元素的class也可以起到删除样式的效果。下面是一个示例，演示了如何使用jQuery删除指定元素的class，从而达到删除样式的效果：
$('.my-class').removeClass('my-class');
上述代码可以将所有class名为’my-class’的class从HTML文档中删除。这样，这些元素所应用的样式也会被删除。同样，如果想删除多个class，可以在removeClass()方法中传入多个class名称，用空格隔开。
四、jQuery删除属性
除了删除class和元素外，jQuery还可以删除HTML元素的属性。下面是一个示例，演示了如何使用jQuery删除指定元素的属性：
$('img').removeAttr('src');
上述代码可以删除所有img元素的’src’属性。如果想删除元素的多个属性，可以在removeAttr()方法中传入多个属性名称，用逗号隔开。例如：
$('img').removeAttr('src alt title');
上述代码可以删除所有img元素的’src’、’alt’、’title’属性。
五、jQuery删除行
在表格中，可以用jQuery删除表格中的行。下面是一个示例，演示了如何使用jQuery删除指定的表格行：
$('tr').eq(1).remove();
上述代码可以删除匹配选择器的第二行（索引从0开始）。
六、jQuery删除css
除了删除class和样式外，jQuery还可以删除元素的CSS属性。下面是一个示例，演示了如何使用jQuery删除指定元素的CSS属性：
$('.my-class').css('color','');
上述代码可以将所有class名为’my-class’元素的color样式属性删除。同样，可以删除多个属性，只需要在css()方法中传入所有要删除的属性名称，用逗号隔开即可。
七、jQuery删除元素
除了删除class和节点以外，我们还可以直接删除元素。下面是一个示例，演示了如何使用jQuery删除指定元素：
$('img').remove();
上述代码可以将所有img元素从HTML文档中删除。
八、jQuery删除元素属性
jQuery不仅可以删除元素的class和属性，还可以删除元素的data属性。下面是一个示例，演示了如何使用jQuery删除指定元素的data属性：
$('#my-elem').removeData('my-key');
上述代码可以删除ID为’my-elem’元素的data-my-key属性。
九、jQuery删除指定行的列选取
在表格中，我们可以通过选取表格的指定行来删除其对应的列。下面是一个示例：
$('tr').eq(0).find('td').eq(1).remove();
上述代码可以删除表格中第一行第二列的数据。这里使用了find()方法来选取所需的标签。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/249742.html
微信扫一扫 
支付宝扫一扫 