유효성체크 : 자바스크립트 vs 제이쿼리
- 처리속도 : 자바스크립트 > 제이쿼리
- 유동성 : 자바스크립트 < 제이쿼리
- 필요 상황에 맞게 쓰면 됨
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
|
<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
function check(){
let v= document.getElementById("data").value;
console.log(v)
if(v == ""){
alert(" 데이터를 입력하시오 ");
document.fr.txt.focus();
return false;
}
}
$(function(){
$('#fr2').submit(function(){
let data = $('#data2').val();
if(data == ""){
$('#data2').focus();
return false
}
});
});
</script>
</head>
<body>
<form action="a.jsp" method="get" id="fr" name="fr" onsubmit="return check()">
데이터1 : <input type="text" name="txt" id="data">
<input type="submit" value="전송">
</form>
<form action="b.jsp" method="get" id="fr2" >
데이터2 : <input type="text" name="txt2" id="data2">
<input type="submit" value="전송2">
</form>
</body>
|
제이쿼리 기본효과
| 효과 |
설명 |
| hide() |
선택된 요소 사라지게하기 |
| show() |
선택된 요소 보여지게하기 |
| toggle() |
선택된 요소의 이전 상태에 따라 현재 상태를 반대로 바꿔주기 |
| fadeIn/fadeOut/fadetoggle() |
fade형태로 업/다운/토글 구현 |
| SlideUp/SlideDown/SlideToggle() |
슬라이드형태로 업/다운/토글 구현 |
| fadeTo() |
투명도조절(0부터 1까지 값. 0으로갈수록 옅어짐) 주로 쇼핑몰 매진상품에 사용 |
예시
See the Pen
ExKxzeR by sowon-dev (@gracehopperdev)
on CodePen.
![[오라클]GROUP BY쿼리를 PIVOT쿼리로 바꿔보자](/img/oracledb.png)
![[BookReview]모두의 네트워크 기초 BY 서지영](/img/240519book001.png)
