세상과 연결

tap event version added: 1.0 설명 : 빠르고 완전한 터치 이벤트 후에 트리거됩니다. jQuery( ".selector" ).on( "tap", function( event ) { ... } ) jQuery Mobile Tap 이벤트는 단일 대상 객체에서 발생하는 빠르고 완전한 터치 이벤트 후에 트리거됩니다. 터치 제스처의 해제 상태에서 트리거되는 표준 클릭 이벤트와 동일한 제스처입니다. 이 플러그인은 jQuery의 내장 메소드를 확장합니다. jQuery Mobile이로드되지 않은 경우 메서드가 여전히 존재하므로 .tap () 메서드를 호출하는 것이 직접 실패하지 않을 수 있습니다. 그러나 예상 된 동작이 발생하지 않습니다. 경고 :주의해서 탭을 사용하십시오. Tap은 vclick을..

swiperight event version added: 1.0 설명 : 스 와이프 이벤트가 올바른 방향으로 움직일 때 트리거됩니다. jQuery( ".selector" ).on( "swiperight", function( event ) { ... } ) 올바른 방향으로 1 초 동안 30px 이상의 수평 드래그 (세로로 30px 미만)가 발생할 때 트리거됩니다.스 와이프 이벤트에 대한 자세한 내용은 스 와이프 이벤트 항목을 참조하십시오. 예:swiperight 이벤트를 캡처하고 실행하는 간단한 예 Swipe the green rectangle in the right direction to change its color:

swipeleft event version added: 1.0 설명 : 스 와이프 이벤트가 왼쪽 방향으로 이동하면 트리거됩니다. jQuery( window ).on( "swipeleft", function( event ) { ... } ) 왼쪽 방향으로 1 초 동안 30px 이상 (세로로 30px 미만)의 수평 드래그가 발생하면 트리거됩니다. 스 와이프 이벤트에 대한 자세한 내용은 스 와이프 이벤트 항목을 참조하십시오. 예:스 와이프 레프트 이벤트를 캡처하고 연기하는 간단한 예 Swipe the green rectangle in the left direction to change its color:

CSS Box Model The CSS Box Model 모든 HTML 요소는 상자로 간주 할 수 있습니다. CSS에서는 디자인과 레이아웃에 대해 "박스 모델"이라는 용어가 사용됩니다. CSS 상자 모델은 본질적으로 모든 HTML 요소를 감싸는 상자입니다. 여백, 테두리, 패딩 및 실제 내용으로 구성됩니다. 아래 이미지는 상자 모델을 보여줍니다. 다른 부분에 대한 설명 : Content - 텍스트와 이미지가 나타나는 상자의 내용Padding - 내용 주변의 영역을 지 웁니다. 패딩은 투명합니다.Border - 패딩과 내용을 둘러싼 경계Margin - 경계 외부 영역을 지 웁니다. 마진은 투명 Examplediv { width: 300px; border: 25px solid green; padding: 2..

Setting max-width max-width 속성은 요소의 최대 너비를 설정하는 데 사용됩니다. max-width는 px, cm 등의 길이 값이나 포함하는 블록의 퍼센트 (%)로 지정하거나 none으로 설정 될 수 있습니다 (기본값은 최대 너비가 없음을 의미). 위의 문제는 브라우저 창이 요소의 너비 (500 픽셀)보다 작을 때 발생합니다. 그런 다음 브라우저는 페이지에 가로 스크롤 막대를 추가합니다. 이 경우 max-width를 사용하면 브라우저에서 작은 창을보다 잘 처리 할 수 ​​있습니다. 도움말 : 두 개의 div의 차이를 보려면 브라우저 창을 500 픽셀 너비 이하로 드래그하십시오. 참고 : max-width 속성의 값은 width를 재정의합니다. 다음 예제는 높이가 100 픽셀이고 최대 ..

CSS Height and Width Setting height and width height 및 width 속성은 요소의 높이 및 너비를 설정하는 데 사용됩니다. 높이와 너비를 자동으로 설정할 수 있습니다 (기본값 : 브라우저가 높이와 너비를 계산한다는 의미). 또는 px, cm 등의 길이 값 또는 포함 된 블록의 백분율 (%)로 지정합니다. . Examplediv { height: 200px; width: 50%; background-color: powderblue;} Set the height and width of an element This div element has a height of 200px and a width of 50%: This element has a height of 100 ..

key — 배열에서 키를 가져옵니다 설명 ¶ mixed key ( array &$array )key()는 현재 배열 위치의 인덱스 요소를 반환합니다. 인수 ¶ array배열. 반환값 ¶ 인덱스를 반환합니다. 예제 ¶ Example #1 key() 예제 위 예제의 출력: fruit1 fruit4 fruit5

next — 배열의 내부 배열 포인터를 전진 설명 ¶ mixed next ( array &$array )next()는 current()와 비슷하게 동작하지만 한가지 차이를 갖고 있다. 원소값을 반환하기 전에 내부 배열 포인터를 한칸 다음으로 전진시킨다. 이 말은 다음 배열 값을 반환하고 내부 배열 포인터를 한칸 전진시킨다는 뜻이다. 인수 ¶ array영향 받는 array 반환값 ¶ 내부 배열 포인터가 가리키는 다음 위치의 배열 값을 반환하거나, 더 이상 원소가 없을 경우에는 FALSE를 반환합니다. Warning이 함수는 논리 FALSE를 반환하지만, 논리 FALSE로 취급할 수 있는 다른 값을 반환할 수 있습니다. 자세한 정보는 논리형 섹션을 참고하십시오. 이 함수의 반환값을 확인하려면 === 연산자를..

each — 배열에서 현재 키와 값 쌍을 반환하고 배열 커서를 전진 설명 ¶ array each ( array &$array )배열에서 현재 키와 값 쌍을 반환하고 배열 커서를 전진합니다. each()를 실행한 후에, 배열 커서는 배열의 다음 원소를 가르키거나, 배열의 끝이라면 마지막 원소 뒤를 가르킵니다. each를 사용해서 배열을 다시 따라가려면 reset()해야 합니다. 인수 ¶ array입력 배열. 반환값 ¶ array 배열에서 현재의 키와 값 쌍을 반환하고 배열 커서를 전진시킨다. 이 키/값 쌍은 4개 원소를 갖는 배열을 반환한다. 0, 1, key, value 이다. 원소 0과 key는 배열 원소의 키 이름을 포함하고, 1과 value는 데이터를 포함한다. 배열의 내부 포인터가 배열의 끝을 벗..