以下代码改为jQuery形式; var cap = $('.film .capbtn') cap.click(function() { this.classList.toggle('check') this.children[0].classList.toggle('left-circle') this.children[0].classList.toggle('right-circle') if(this.classList.contains('check')) { this.nextSibling.nodeValue = '启用' } else { this.nextSibling.nodeValue = '禁用' } })
时间: 2024-02-14 16:03:16 浏览: 72
可以将原来的代码改写成以下的jQuery形式:
```
var cap = $('.film .capbtn');
cap.click(function() {
$(this).toggleClass('check');
$(this).children('i').toggleClass('left-circle right-circle');
if($(this).hasClass('check')) {
$(this).next().text('启用');
} else {
$(this).next().text('禁用');
}
});
```
相比原来的代码,这里主要进行了如下几个改动:
1. 使用 `$()` 函数来选取元素,替换原来的 `document.querySelector()` 和 `document.querySelectorAll()`。
2. 使用 `.toggleClass()` 函数来添加或删除 class,替换原来的 `classList.toggle()`。
3. 使用 `.children()` 函数来选取子元素,替换原来的 `children` 属性。
4. 使用 `.text()` 函数来设置文本内容,替换原来的 `nodeValue` 属性。
阅读全文