본문 바로가기

웹퍼블리싱28

제이쿼리 sort() 순서 정렬 bananaappleorangelemon 2018. 7. 25.
제이쿼리 객체를 배열로 바꾸기 toArray() jQuery .toArray() 를 이용한 객체(요소와 요소내용 등)를 배열로 변환하기! 딸기 사과 포도 바나나 포르쉐 아우디 벤츠 결과보기(과일) 결과보기(자동차) .result { font-weight: bold; } (function() { // 요소 내용을 배열로 만드는 함수 function elemArr(arr) { var arrObj = []; for (var i = 0; i < arr.length; i++) { arrObj.push(arr[i].innerHTML); } return arrObj; } // 변수 선언 // toArray() : jQuery 를 포함하는 모든 요소를 검색하여 배열로 만듭니다.(인수X) var fruit = $(".fruit li").toArray(); // 과일 .. 2018. 7. 25.
제이쿼리 추출 값 정수형으로 바꾸기 parseInt() parseInt(); 저 괄호 사이에 어떤 값을 넣어도 정수형 숫자로 바꿔주는 함수 !! 예를들어, $('.submenu').css('marginRight'); >> 클래스 submenu 의 margin-right 의 값을 가져온다 이때 px 과 같은 단위도 같이 출력하는데, 불가피하게 덧셈뺄셈과 같은 수식계산을 위해 단위는 빼고 정수형 숫자만 필요할때 parseInt() 함수를 사용한다 이렇게 >> parseInt( $('.submenu').css('marginRight') ) 2018. 7. 11.
함수 두개 toggle 시키기 $('.클래스명').toggle(함수1,함수2);기본적으로 위 구조를 이용클래스명을 클릭하면 처음에는 함수1이 실행되고 한번 더 누르면 함수2 ,다시 누르면 함수1로 반복한다 함수는 function(){ 내용 } 형식으로 사용하며 아래 예시 참고 ▼ 2018. 7. 11.