은은하게 코드 뿌시기

맨날 맨날 하면서 맨날 까먹음 1. input 라디오버튼$('input[type=radio][name=이름]:checked').val();$('input[type=radio][name=이름][value="ALL"]').prop("checked", true);// change 이벤트를 수동으로 호출 $('input[type=radio][name=prodType]').trigger('change'); 2. select 박스$('select[name=이름]').val();$('#아이디').val();$('select[name=이름][value="1"]').prop("checked", true);선택된값. 17동기                                                       ..

1. attr() : attribute의 값을 가져오거나 속성을 추가한다. + attribute : html element 에 있는 정보! 1) 가져오기 : $('#id').attr('class'); 2) 추가하기 : $('.class1').attr('title','타이틀은타이틀이다'); 2. prop() : 지정한 선택자를 가진 첫번째 요소이 속성값을가져오거나 속성값을 추가한다. 주의 할 점은 html 입장에서의 attribute 가 아닌 javascript 입장에서 속성이라는 것이다. + property : javascript 에서 사용하는 정보 3. attr() 과 prop() 의 차이 attr 은 attribute 를 취급, 속성값이나 정보를 조회 하는 곳에 사용 , 모든값이 string으로 넘어..

function test(){ var checkvalue = $("#longtext").val(); if (checkvalue.match("B00")){ alert("포함"); } else { alert("미포함"); } };

제이쿼리 플러그인 : 기능을 구현해 놓은 프로그래밍을 자바스크립트 파일로 제공하는 제이쿼리 라이브러리 이 제이쿼리 플러그인도 가전제품의 플러그처럼 내 웹 문서에 가져다 연동시키기만 하면 바로 사용할 수 있습니다. bxslider 사용해보기 : 플러그인을 사용해보자! https://bxslider.com/ jQuery Content Slider | Responsive jQuery Slider | bxSlider Coded with ♥ by bxslider.com 사이트의 깃허브 버튼을 눌러 플러그인을 다운받는다 다운받은 파일을 압축을 풀고 아래 사진속 파일을 복사한다. 작업중인 경로에 plugin 폴더를 만들고 그안에 위에 내용을 붙여 넣어 준다! css 폴더안에 images폴더를 만들어 주고 안에 sli..

Ajax 란? Asychronouse Javascript and Xml 비동기 방식으로 데이터를 전송하고 요청하는 방식 $.ajax() 기본형 $.ajax({ url: "전송 페이지", //action url type : "전송방식", //get, post 방식 data : "전송할 데이터", dataType : "요청한 데이터 타입", //"html","xml","json","text","jsonp" success : function(data){ //전송 성공하면 실행될 코드 }, error : function(){ //전송 실패하면 실행될 코드 } }); + 가상 생성 db 사이트 https://mockaroo.com/ Mockaroo - Random Data Generator and API Mock..

효과메서드 - 요소를 역동적으로 숨겻다 보이도록 해주는 메서드가 있고, $(요소 선택).효과 메소드(효과 소요 시간, 가속도, 콜백 함수) 애니메이션 메소드 - 선택한 요소에 동작을 적용시킬 수 있습니다. $(요소 선택).animatie({ 애니메이션에 적용할 속성과 값}, 가속도, 콜백함수); * 효과 메서드 예제 : 버튼을 누를때 마다 아래 div가 보여졋다/ 사라졋다 반복하기 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 46 Document // $(function(){ // $(".btn2").on("click", fu..

1 .제이쿼리 - 자바스크립트 라이브러리 언어, 자바스크립트보다 애니메이션을 쉽게 구현할 수있음 1.1 제이쿼리 연동법 다운받아서 파일을 연동 CDN 방식 : URL을 링크하여 사용 1.2 선택자 : HTML요소를 선택하여 가져옵니다. $(function(){ $("요소 선택").css("속성","값"); });` 바디에잇는 모든 문서 객체 를 로딩한 후에 실행 기본선택자 - 직접선택자 : id, class 등을 통해 직접선택 - 근접 선택자 : 자식요소, 다음 요소 등을 선택 탐색 선택자 - 위치 선택자 : 인덱스 위치를 파악하여 선택 - 속성 선택자 : 속성을 선택 객체조작 - 선택한 요소 삭제, 생성, 복제, 속성 변경 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18..

*제이쿼리 사용시에는 js다운받아서 사용하는법, cdn방식을 사용하는 법이 두가지 있다. *제이쿼리 CDN 사용하기 " target="_blank" rel="noopener">https://code.jquery.com/jquery-latest.min.js"> 위코드를 추가해주면 된다! * 로딩되기 시작할때 $(window).load(function() { }); 모두 로딩되었을때 $(document).ready(function() { }); 로딩될때 $(function() { });