일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- ASP
- 단축키
- Excel
- Winform
- 오라클
- 비주얼스튜디오
- windows
- 윈도우
- 태그를 입력해 주세요.
- IIS
- microsoft
- 자바스크립트
- oracle
- jQuery
- 윈폼
- c#
- aspnet
- attr()
- 이클립스
- CONVERT()
- 리포팅서비스
- MS
- replace()
- MSSQL
- javascript
- SSRS
- 프로시저
- 엑셀
- DataGrid
- 마이크로소프트
- Today
- Total
DJ메탈짱™의 Free Style
[Jquery] javascript addClass, removeClass, hasClass #정규식 본문
|
|
function hasClass(ele,cls) {
return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function addClass(ele,cls) {
if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}
function removeClass(ele,cls) {
if (hasClass(ele,cls)) {
var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
ele.className=ele.className.replace(reg,' ');
}
}
//call the functions
addClass(document.getElementById("test"), "test");
removeClass(document.getElementById("test"), "test")
if(hasClass(document.getElementById("test"), "test")){//do something};
출처 : http://snipplr.com/view/3561/addclass-removeclass-hasclass/
[추가 내용...]
위와 같이 javascript함수를 만들어서 사용하지만....
addClass, removeClass, hasClass 함수는 jQuery에선 기본적으로 제공하는 함수.
$('#test').addClass('test');
$('#test').removeClass('test');
$('#test').hasClass('test');
'일(job) > FRONT' 카테고리의 다른 글
[Jquery] checkbox, checked, false, 선택해제 #each (0) | 2016.01.21 |
---|---|
[Jquery] addClass(), removeClass(), attr(), readOnly 속성 #function (0) | 2016.01.21 |
[Jquery] keydown, 숫자만 입력가능(허용) #function #OnlyNumber (0) | 2016.01.21 |
[Jquery] append(), screen.height, 사용자 해상도 체크 후 특정 위치에 이미지 넣기 (0) | 2016.01.21 |
[Jquery] location.href, 페이지 이동 #attr() (0) | 2016.01.21 |