은은하게 코드 뿌시기

맨날 맨날 하면서 맨날 까먹음 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동기                                                       ..

jQuery.grep(array, callback [, invert]) array: 필터링할 배열입니다.callback: 각 요소에 대해 호출될 함수로, 배열의 각 요소와 인덱스를 인자로 받습니다. 이 함수는 필터링 조건을 정의하고 해당 조건을 만족하는지에 따라 true 또는 false를 반환해야 합니다.invert (옵션): 이 인자가 true이면 필터링 조건의 반대가 적용됩니다. 기본값은 false입니다.

content 로 시작하는 모든 요소를 찾아 실행 $ ~로 끝나는: 'textarea[name$="content"]' ^ ~로 시작하는: 'textarea[name^="content"]' * ~로 포함되는: 'textarea[name*="content"]' each : 모든요소 dom 요소 가져오기 : .get(0); find(): 선택한 요소의 하위 요소를 찾습니다. $('div').find('p')는 모든 div 요소의 하위에 있는 p 요소를 선택합니다. filter(): 선택한 요소 중에서 지정된 조건에 맞는 요소만을 필터링합니다., $('div').filter('.highlighted')는 클래스가 highlighted인 모든 div 요소를 선택합니다. children(): 선택한 요소의 자식 요..

$(document).on('click', '.bt-regist', function() { ... })과 $('.bt-regist').on('click', function() { ... })는 이벤트를 바인딩하는 두 가지 다른 방법입니다. 각각의 차이점을 살펴보겠습니다. $(document).on('click', '.bt-regist', function() { ... }) : 이 코드는 이벤트 위임을 사용하는 방법입니다. 여기서 $(document)는 이벤트를 캐치할 부모 요소를 나타내며, .bt-regist는 동적으로 추가된 버튼의 클래스를 나타냅니다. 이 코드는 동적으로 추가된 요소에 대한 이벤트를 캐치하여 처리할 수 있습니다.이벤트 위임을 사용하면 동적으로 추가된 요소에 대해서도 이벤트를 적용할 수..

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("미포함"); } };

1. 인접관계 선택자 : 선택한 요소와 가까이에 있는 요소를 선택 할때 사용 parent() : 부모 children() : 자식 prev() : 형, 이전 next() : 동생 , 다음 siblings() : 나를 제외한 형제요소들 ex) $('.tabs > ul > li').siblings().length 형제요소 개수 가져오는법 $("요소1 + 요소2") : 요소1 기준 바로 다음에 오는 선택한 요소2만 선택 2. 하위 선택자 : id 가 title 인 모든 h2 변경 3. 자식선택자 (>, children, childred)

자바스크립트 사용할때 var val1 = $("#active a"); var $val2 = $("#active a"); 이렇게된 소스를 본적이 있다. 두가지의 차이는 무엇일까? var1 과 같이 $ 붙이 지 않고 사용할때는 일반변수이고 $을 붙여서 제이쿼리 object를 담는 변수로 사용할 경우 제이쿼리 객체 사용이 가능해진다.

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..