JQuery (17) 썸네일형 리스트형 radio와 checkBox Radio 버튼을 누르면 선택한 값이 alert으로 뜨고 , "배"가 선택되어 있다 사과 바나나 배 선택 CheckBox 버튼을 누르면 체크된 값이 창으로 뜨고 그림그리기 음악듣기 영화보기 체크 로그인 / 입력값 넘기기 버튼을 눌러 location.href에 하나씩 대입 이름 : 나이 : 주소 : 전송 action을 form이아닌 버튼에 셋팅하여 버튼을 눌러 submit진행 이름 : 나이 : 주소 : 전송 form에 액선 셋팅 후 버튼에서 submit실행 이름 : 나이 : 주소 : 전송 $(document).ready(function() { //버튼이 클릭됐을 때 $("#send").click(function () { //빈칸체크 //alert('send'); $('#frm').submit(); }); }); NewFile2 로그인 기초/ 입력받은 값을 링크로 jsp에 넘기기 location.href : 새로운 페이지로 이동 ID : HTML Link 소스들 1. JQ//table안에 배열 값 넣기 //테이블생성 수영 시합 여성부 남성부 title name time 우승 2위 3위 기본코드 버튼이 다중일때 원하는 버튼의 값을 취득하는법 $(document).on("click", "#answerBtn", function () { alert( $("#answerText").val() ); getter css를 통해 값을 취득 let color = $('p').css('background'); p 태그에 id추가 $('p').attr('id', 'ptagid'); setter로 태그에 class추가하기 $('p').attr('class', 'mycss'); $('p').addClass('mycss'); 태그의 class 지우기 $('p').removeClass('mycss'); //입력받은 문자열 getter let value = $("#text").val(); ------------>문자열 s.. 이벤트처리 id -> #id 태그 -> 'tag' class -> .cls Tag 클릭이벤트 $("#ptag").click(function() {// onclick과 동일 alert("p click"); //p Tag 를 클릭하면 이벤트 발생 }); div 안 의 p안의 class div in p tag class cls $("div p.cls").click(function() { alert("div in p tag class cls click"); }); button 클릭이벤트1 $('button').click(function() { alert("button click") }); 버튼클릭2 : 함수 생성없이 아래서 호출 $("button").on("click", btnClick); function btnClick.. JQ//기본 document 내용 바꾸기 $(태그, id, class, name).핸들러함수명(매개변수) getter, setter html() innerHTML대신 Tag 접근 text() 무조건 문자열로 출력 val() Value대신 input text 접근 -> 입력받은값가져오기 Html $(document).ready(function () {/* document가 ready상태가되면 함수호출명령 */ //JavaScript의 innerHTML과 같은 키 $("p").html("jquery change name"); } Text $("p").text("jquery change name"); p Tag의 전체 내용 getter let value = $("p").text(); id -> #사용, id는 하나만 적용됨 (setter) $("#d.. 링크//JQuery , UI링크설정 JQuery 파일 1. 파일첨부 2. 링크첨부 UI (순서 고정) 이전 1 2 3 다음
