/************************************************
**        펑션     : 윤년 여부
**        개발일자 : 2010.10.20
**        개발자명 :

SELECT [dbo].[UFUN_WWW_LEAP_YEAR](2004)
*************************************************/
CREATE FUNCTION [dbo].[UFUN_WWW_LEAP_YEAR](@in_YEAR INT) --년도
RETURNS CHAR(1)
AS
BEGIN

  DECLARE @str_Return CHAR(1)
  DECLARE @str_TargetDate varchar(10)
  DECLARE @FEBRUARY_MONTH_LASTDAY VARCHAR(2)  
  
  SET @str_TargetDate = CONVERT(VARCHAR, @in_YEAR) + '0201'
  SET @str_Return = 'N'
  
  DECLARE @TargetDate DATETIME 
   SET @TargetDate = DATEADD(MONTH,1,CONVERT(SMALLDATETIME, @str_TargetDate, 120)) -
                   DAY(CONVERT(SMALLDATETIME, @str_TargetDate, 120)) 
   
  SET @str_TargetDate = CONVERT(VARCHAR, @TargetDate, 112)
  SET @FEBRUARY_MONTH_LASTDAY = SUBSTRING(@str_TargetDate, 7,8)
  
  IF(@FEBRUARY_MONTH_LASTDAY = '29')
   SET @str_Return = 'Y'
  ELSE
   SET @str_Return = 'N'
  
 

  RETURN(@str_Return)

END

 

 

 

-다른공식----------------------------------------


declare @in_YEAR int
declare @str_Return char(1)
set @in_YEAR = 2008

IF(@in_YEAR % 4 =0 AND @in_YEAR % 100 <> 0) or @in_YEAR % 400 = 0
 SET @str_Return = 'Y'
else
 SET @str_Return = 'N'
  
select @str_Return

설명

1) class id "target" 위 아래에  before/prepend/target/append/after 순으로 추가한다

2) 해당노드를 삭제 첫번째 버튼은 노드전체, 두번째는 tag는 남겨두고, 내용만 없앤다

   remove(), empty()

3) 해당노드로 치환한다. clone() 함수 사용

4) 노드치환 replaceAll, replaceWith 함수 이용 (소스 주석참조)

5) 노드이동  (소스 주석참조)


- 실행화면


Gist 소스

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div class="target" id="t1">
content1
</div>
<div class="target" id="t2">
content2
</div>
<div id="source"> Source </div>
<input type="button" value="remove tag1" id="btn1">
<input type="button" value="empty tag2" id="btn2">
<input type="button" value="ReplaceAll" id="btn3">
<input type="button" value="ReplaceWith" id="btn4">
<input type="button" value="Clone ReplaceAll" id="btn5">
<input type="button" value="Clone ReplaceWith" id="btn6">
<input type="button" value="Move Node" id="btn7">
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<!-- DOM Tag작업 -->
<script type="text/javascript"> // tag추가하기
$('.target').before('<div>before</div>');
$('.target').after('<div>after</div>');
$('.target').prepend('<div>prepend</div>');
$('.target').append('<div>append</div>');
</script>
<script type="text/javascript"> // 삭제하기
//해당tag 삭제
$('#btn1').click(function() {
$('#t1').remove();
})
//내용만 삭제
$('#btn2').click(function() {
$('#t2').empty();
})
</script>
<script type="text/javascript"> // 치환하기
$('#btn3').click(function() {
$('<div>ReplaceAll<div>').replaceAll('#t1');
// ID #t1 를 <div>ReplaceAll<div> 으로 교체
})
$('#btn4').click(function() {
$('#t2').replaceWith('<div>replaceWith</div>');
// ID #t2 를 <div>replaceWith<div> 으로 교체
})
</script>
<script type="text/javascript">
$('#btn5').click(function() {
$('#source').clone().replaceAll('#t1');
// ID #source를 복제하여 ID #t1인 것을 교체
})
$('#btn6').click(function() {
$('#t2').replaceWith($('#source').clone());
// ID #t2를 ID #source로 복제하여 교체
})
</script>
<script type="text/javascript">
// ID #source를 찾아서, ID #t1을 찾아서 이동
$('#btn7').click(function() {
$('#t1').append($('#source'));
})
</script>
</body>
</html>





'개발ㅣ어플ㅣ회사 > 개발ㅣJavascript' 카테고리의 다른 글

jQuery 조회범위 제한  (0) 2020.02.11

오픈강의 통해서 jQuery 와 인터넷(Web)구조를 배우고 있다.

오늘은 검색id 와 class로 조회제한을 해서 간단한 색깔 바꾸기 실습을 해보았다


아래 스크립트 1/2/3번째 모두 동일한 작업을 할 수 있다.

4번째는 active를 찾은후, 파랑색으로 글씨를 바꾸고 

marked 클래스의 item을 찾아 배경색을 빨강색으로 변경한다.

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<ul>
<li class="marked">html</li>
<li>css</li>
<li id="active">JavaScript
<ul>
<li>JavaScript Core</li>
<li class="marked">DOM</li>
<li class="marked">BOM</li>
</ul>
</li>
</ul>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
//$(".marked", "#active").css('background-color', 'red'); // 1st 방법
//$("#active .marked").css('background-color', 'red'); // 2nd 방법
//$('#active').find('.marked').css('background-color', 'red'); // 3rd 방법
// 4th 방법
$('#active').css('color', 'blue').find('.marked').css('background-color', 'red');
</script>
</body>
</html>

+ Recent posts