Cute Happy Ghost
본문 바로가기
728x90
SMALL

Front/Javascript·Jquery32

javascript 버튼클릭 이벤트 삭제 보통은 아래와 같이 써서 객체화시키지만 function performDelBtn(){ //어쩌구 } 함수내에서 버튼클릭한 이벤트 핸들하고싶을 때도 있다지... 이렇게하는거 맞나? 예리한 지적? 질문? 암튼 감사합니다 document.getElementById("performDelBtn").onclick = function() { ///어쩌구 }; 2021. 11. 2.
체크박스 이벤트 javascript $(document).ready( function() { $("#consult").change(function(){ if($("#consult").is(":checked")){ $('#hiddenSpace2').css('display','none'); }else{ $('#hiddenSpace2').css('display','block'); } }); }); jsp *근무기간 협의 ~ 2021. 7. 8.
버튼클릭 시 disabled 설정,해제 판매가격 무료 나눔 원 무료나눔을 눌렀을 때 감사하다는 창이 뜨고 가격은 입력되지 못하도록, 하지만 다시 무료나눔을 클릭했을 때는 가격창이 활성화되고 다른 모달창이 뜨도록 $(function() { $("#btnFree").click(function() { if($("#marketPrice").is(":disabled")){ $('#FreeText').html("아쉽네요😢"); $('#marketPrice').attr("disabled", false); } else{ $('#marketPrice').val("0"); $('#marketPrice').attr("disabled", true); $('#FreeText').html("무료나눔을 하는 당신, 멋져요👍"); } }); }) 제이쿼리를 사용해서 모달.. 2021. 2. 10.
Each 1.4. Each 1.4.1. div의 length만큼 개수가져오기 size가 아닌length임을 주의 target의 html을 바꿔줌 $('#each #btnSize')[0].onclick = function(){ var len = $('#each > #source > div').length; //length $('#each > #target').html('div 개수 : ' + len); } 1.4.2. 첫번째 div의 text를 target의 text에 넣기 $('#each #btnText')[0].onclick = function(){ //var div = $('#each > #source > div').get(0); //var div = $('#each > #source > div:first').. 2020. 12. 13.
manipulation 1.3. manipulation 버튼 세개에 각각 click event 처리 1.3.1. Wrap function abc(button) { //console.log(button.value); var wrap = "확인"; $('#main > #target').wrap(wrap); } onclick 태그하는 방법 1.3.2. Append var btnAppend = $('#btnAppend')[0]; btnAppend.onclick = function() { //console.log($(this).val()); var wrap = " 확인"; for(var i=0; i 2020. 12. 13.
traverse 1.2. traverse traverse는 '.'을 찍어서 표현한다. 명령어는 filter와 traverse가 매우 유사하거나 상충되기때문에 개인적 취향에 따라 사용빈도수가 달라질 수 있다. 종류=> .eq(index), .first(), .last(), .slice(start [, end]) method=> .children(expr), .find(expr), .parent(expr), .next(expr), .prev(expr) 1.2.1. 기본 넘 어렵당... filter가 더 쓰기 편한 것 같다 $('#traverse > ul > li').first().css('color', '#f00'); $('#traverse > ul > li').filter(':odd').css('color', '#00f'.. 2020. 12. 13.
화면구현TEST 엉망진창 내코드 회원가입 아이디 패스워드 패스워드확인 이름 성별 여성 남성 이메일 1. 가입버튼누르면 result.html로 이동 2020. 12. 10.
filter jquery 폴더안의 filter.jsp filter 선택된 요소 중 필요한 요소만을 걸러내는 방법 접두문자 ':'을 사용한다. 필터와 필터를 연결하여 사용할 수 있다 종류=> : eq(index), :even, :odd, :first, :last, :gt(index), :lt(index) 백두산 금강산 설악산 치악산 내장산 속리산 맛동산 한라산 방가...1 방가...2 방가...3 방가...4 방가...5 방가...6 traverse.jsp TRAVERSE WEB_INF폴더안의 index.jsp jQuery Test를 위한 태그(II) FILTER TRAVERSE 2020. 11. 30.
20201113_ 35 노드2 index.html 이게되나? 서버에서 정보받기 아이디 이름 데이터 시간 index.js //express 프레임워크 임포트 const express = require("express") const app = express() const PORT = 6600//포트 번호 //미들웨어 추가 app.use(express.static('./static')) //더미 데이터 //경로 : /data //요청 HTTP 메서드 : GET app.get('/data', (req, res) => { const data = { id: '124125125', name: 'Chiho Won', myData: [1, 2, 3, ], timestamp: new Date(), } // data 객체를 json으로 서빙해줌 // J.. 2020. 11. 13.
20201113_ 35 클로저.. function sayHelloTo(name) { const message = `Hello ${name}!` return function (){ console.log(message) } } const hello1 = sayHelloTo('chiho won') const hello2 = sayHelloTo('test') const hello3 = sayHelloTo('asdf') hello1() hello2() hello3() Hello chiho won! Hello test! Hello asdf!​ function countdown(startAt) { let data = startAt; function counter() { console.log(data--) } return counter } const .. 2020. 11. 13.
728x90
LIST

티스토리툴바