일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 암호화
- 도커
- EC2
- Spring
- Ajax
- HTML
- CSS
- 블록체인
- tiles.xml
- node.js
- docker
- 알고리즘
- 웹게임
- AWS
- SQL
- model1
- Cookie
- jQuery
- JavaScript
- JSP
- autowired
- RDS
- 웹소켓
- PL/SQL
- Servlet
- express
- phaser
- websocket
- 비트코인
- 배포
- Today
- Total
목록Web/Jquery (7)
記錄
$(document).on("click","#btn",function(){ });
$(function() { var date = new Date(); var currentMonth = date.getMonth(); var currentDate = date.getDate(); var currentYear = date.getFullYear(); $('#datepicker').datepicker({ minDate: new Date(currentYear, currentMonth, currentDate), dateFormat: 'yy-mm-dd' }); }); 맨 앞에서 스크립트 코드를 저렇게 처리하면 '2018-04-14' 형식으로 변경됨
DOCTYPE html>Insert title here 영화 누적 관객수 조회 $(function (){ $('#btn').click(function () { // 비동기 처리로 외부 api 연결 $.ajax( { url:"http://www.kobis.or.kr/kobisopenapi/webservice/rest/boxoffice/searchDailyBoxOfficeList.json? key=9e59c890a115588440d1798da7e27bce &targetDt=20120101", dataType:"json", success:function(data){ var audiAcc = []; var moviename = []; $(data.boxOfficeResult.dailyBoxOfficeList)...
JavaScript로 만든 Ajax(+ https://developer.mozilla.org/ko/docs/Web/Guide/AJAX/Getting_Started 참고) /* 1. XMLHttpRequest 객체 얻기 2. onreadystatechange 이벤트 핸들러 구현 3. 요청 정보 ( open() ) 4. 요청 보내기 (send() ) 5. 응답 처리 (Text(JSON), xml ) */ var httpReq=null; function getInstance(){ if(window.XMLHttpRequest){ //모든 브라우져 > XMLHttpRequest httpReq = new XMLHttpRequest(); }else if(window.ActiveXObject){ // success ,..
DOCTYPE html> Insert title here // json 포맷으로 jquery를 이용해서 html의 데이터 뽑아오기 $(function(){ var arr = [];// 제이슨 타입으로 값 넣기$('table>tbody>tr').each(function(){ arr.push( { // 제이슨에서는 아래 각각에 ; 붙이지 않고 , 로 연결처리 gredes: $(this).children().eq(0).text(), name: $(this).children().eq(1).text(), number: $(this).children().eq(2).text() } ); });console.log(arr); }); 기수이름번호 101th홍길동10 102th김유신20 103th유관순30 함수호출 DOC..
jquery basics jQuery each $(function () { //$(selector).each(function(index){this}) // p태그가 여러 개니까 배열로 가져오고 파라미터가 인덱스로 돈다 // (자바스크립트에서 'var index in ~' 과 유사) $('p').each(function(index) { // 인덱스를 파라미터로 설정함으로써 p태그 하나하나 돈다 console.log('index: ' + index); console.log('this: ' + $(this).text()); // .attr()을 이용해서 하나하나 돌 때에 id 와 같은 attribute 설정 가능 $(this).attr('id','param-' + index); // param-1, param..
jquery basics Selector // Jquery는 본질적으로 HTML의 Element를 조작하기 위한 것이다// 따라서 HTML 요소를 잡아오는 selector 가 매우 중요하고 jQuery의 모든 selector는// $로 시작하여 () 괄호가 따라온다./* $("*") Selects all elements $(this) Selects the current HTML element $("p.intro") Selects all elements with class="intro" $("p:first") Selects the first element $("ul li:first") Selects the first element of the first $("ul li:first-child") Select..