javascript - 부트스트랩을 사용하여 요소를 설정한 후 요소의 클래스를 수정하는 방법은 무엇입니까?

Question

요소의 클래스를 설정했는데 이제 JavaScript를 통해 요소의 클래스를 변경하려고 합니다. 클래스 속성을 수정하기 위해 jQuery의 attr을 시도했지만 작동하지 않았습니다.
html:

으아악

js:

으아악

Answer 1

가설 요소

으아악

이렇게 바꾸시면 됩니다

으아악

시험하고 테스트했습니다.

jQuery만 document.getElementById('idValue')改成$('#idValue')만 하면 준비가 완료됩니다

Answer 2

HTML:

으아악

JS:

으아악

attr가 아닌 className을 통해attr，而是通过className

PS:
如果你想为li添加属性disabled可以这样做，不是添加class而是attr：
$('#prevBTN').attr('disabled', true);

去除attr：

方案1：a标签不支持disabled属性，所以你把a标签换成button标签就可以了：http://www.w3school.com.cn/ti...
方案2：用a标签也可以，去除它的href属性就可以实现不能点击的效果，即$('#prevBTN').removeAttr('href');
PS: li에 disabled 속성을 ​​추가하려면 class 그러나 attr：$('#prevBTN').attr('disabled', true);

속성 제거: #🎜🎜#

#🎜🎜##🎜🎜#옵션 1: #🎜🎜#a 태그는 비활성화된 속성을 지원하지 않으므로 a 태그를 버튼 태그로 바꿀 수 있습니다: http://www.w3school.com. cn/ ti...#🎜🎜##🎜🎜#옵션 2#🎜🎜#: 또한 a 태그를 사용하고 해당 href 속성을 제거하여 클릭할 수 없는 효과를 얻을 수도 있습니다. 즉, $('# prevBTN').removeAttr('href');#🎜🎜##🎜🎜#참조: #🎜🎜#여기에 다음 코드를 입력하고 실행하세요#🎜🎜##🎜🎜# 으아악

Answer 3

원본 포스터의 코드는 무엇인가요?
클래스를 설정하기 위해 attr()을 직접 사용해도 괜찮은 이유는 무엇인가요?

또한 jQuery에는 addClass()와 RemoveClass라는 두 가지 메소드가 있습니다. 저는 일반적으로 클래스를 조작할 때 이 두 가지 메소드를 사용합니다.

Answer 4

jQuery에는 운영 클래스에 대한 특별한 메소드가 있으며, 관련 API를 확인할 수 있습니다

Answer 5

열성적인 답변을 주신 @daryl 및 @tony_yin에게 감사드립니다. <a> 태그의 <a>를 로 바꾸세요. <button> ;는 버튼을 비활성화하는 효과를 얻을 수 있지만 .pager의 BootStrap 기본 스타일은 변경됩니다.
change<li class="previous" id='prevBTN'> ; <li class="previousised" id='prevBTN'>로 교체하세요. document.getElementById('prevBTN').className을 사용하세요. ='previous failed'; 실제로는 가능하지만 jQuery를 사용할 때 문제가 발생합니다. 주된 이유는 $('prevBTN ')이 DOM 요소를 가져올 수 없고 className이 DOM의 속성이기 때문입니다. $(selector)는 DOM 집합만 가져올 수 있습니다. 선택기 조건을 충족하는 요소, <li> 标签里面的 <a> 换成 <button> ,能实现禁用按钮效果，但是 .pager 的 BootStrap 默认样式会变化；
将<li class="previous" id='prevBTN'> 换成 <li class="previous disabled" id='prevBTN'> 使用 document.getElementById('prevBTN').className='previous disabled'; 确实可行，但使用 jQuery 时会出现问题，$('prevBTN').className='previous disabled'; 就不能实现，主要原因是 $('prevBTN') 并不能得到 DOM 元素，而 className 是 DOM 里面的属性，$(selector) 只能得到满足选择器条件 DOM 元素集合，

jQuery() (or $()) with an id selector as its argument will return a jQuery object containing a collection of either zero or one DOM element.

解决方法：$('prevBTN').get(0).className='previous disabled';

jQuery() (또는 $()) id 선택기를 인수로 사용하면 0개 또는 1개의 DOM 요소 컬렉션을 포함하는 jQuery 객체가 반환됩니다.🎜

🎜해결책: $('prevBTN').get(0).className='이전 비활성화됨';🎜