jQuery Full Course | jQuery Tutorial For Beginners | jQuery Certification Training | Edureka

안녕하세요 이번 세션에서는 jQuery에 대한이 포괄적 인 세션에 오신 것을 환영합니다

화면에서 볼 수있는 다음 주제를 다룰 것이므로 시작하겠습니다 이 세션에서는 jQuery 소개를 이해하고 일단 이것을 이해하면 Dom 조작 및 jQuery 효과를 이해하십시오 jQuery 양식과 이벤트를 살펴보고 마지막으로 jQuery AJAX 및 유틸리티 세션을 통해 오늘은 특별한 손님이 있습니다 세션을 진행할 사람은 누구입니까? jQuery UI 개발에 80 에이커까지이 코스의 강사가 될 것입니다 제 이름은 Varun이고 시작하기 전에 간단한 소개를하고 싶습니다 나는 약 6 년 동안 개발을 해왔고 파이썬, 자바 스크립트, PHP를 포함한 여러 언어로 개발 루비, 자바, 안드로이드 그리고 지난 2 년 동안 angular 1X JavaScript는 계속해서 내가 좋아하는 언어 중 하나입니다

사용하기 쉽고 jQuery는 내가 광범위하게 사용하는 것입니다 과거와 나는 그것이 매우 중요한 디딤돌이라고 생각합니다 프론트 엔드 개발에 대해 배우고 있습니다 이것이 핵심 중 하나입니다 모든 개발자가 조금 알아야 할 것 같아요 적어도 angularjs 또는 react

js와 같은 것들을 시작하기 전에 vuejs는 나에 관한 것이므로 HTML CSS와 JavaScript는 hTML이 기본적으로 귀하의 웹 사이트 구조입니다 아키텍쳐의 ok 이것은 동일합니다 여기에 원하는 박스를 원합니다 여기에 둥근 모양이 있습니다

이것은 모든 종류의 스타일링에 CSS 광고를 쓰는 레이아웃입니다 색상이나 그림자, 글꼴 크기 또는 글꼴 무게에 상관없이 자바 스크립트는 웹 사이트에 활기를 불어 넣습니다 물론 HTML과 CSS 웹 페이지를 만들 수는 있지만 아무것도하지 않으며, 클릭하면 버튼 또는 무언가 또는 일부를 가리킬 때 예, 실제로는 지루한 일이 아닙니다 페이스 북에서 정말 마음에 들지 않으면 페이스 북이 얼마나 흥미로울까요? JavaScript만으로도 대화 형 정보를 추가하거나 웹 페이지를 통해 이미 경험 한 경험이 있다면 자바 스크립트를 수행했지만 그렇지 않으면 어떻게 작동하는지 그리고 무엇을 볼 수 있습니까? 추가 할 수있는 방법에 대한 방법은 웹 페이지와 이미지가 올바르게 작동함에 따라 hTML은 CSS가 프리젠 테이션 및 자바 스크립트는 동작을위한 것이므로 기본 Dom을 살펴 보겠습니다 기본적으로 그려진 구조입니다 여기 간단한 HTML 문서입니다

그들은 나무 종류의 패턴으로 그것을 배치했습니다 문서 태그 내의 문서 태그 이외의 모든 것의 부모 그런 다음 head와 body를 더 포함하는 HTML 태그가 있습니다 당신이 볼 경우 제목을 포함하고 여기에 약간의 텍스트를 포함하려고 이 오른쪽에 텍스트가 들어있는 h1 태그가 있고 Dom이 실제로 참조하는 텍스트를 포함하는 P 태그가 있습니다 HTML을 작성할 때마다 실제로 일어나는 일은 브라우저에 대한 특정 지침을 통해 브라우저는 HTML 작성 당신은 페인트 칠하는 브라우저에 특정 방향을 쓰고 있습니다 내 웹 페이지가 특정 방식으로되어있어서 친구가 있고 그 캔버스와 그 친구가 함께 브라우저이며 개발자는이 브라우저 또는 개인을 지시하는 사람이며 당신은이 사람에게 저를 위해 상자를 그리라고 말하고 있습니다 이처럼 그림자 효과를 인쇄하거나 인쇄하거나 상자 크기와 같은 메시지 옳은 일이거나 그것이 문서라고 가정한다면 누군가에게 괜찮은 문서는 제목이 시작하는 jQuery 교육이어야합니다

소제목 jQuery 소개를 사용하여 단락 계획부터 jQuery 교육은 이제 브라우저가 작동하는 HTML은 본질적으로 방향입니다 브라우저로가는 길 브라우저가하는 일은 길 찾기 및 문서 개체 모델 애드온이라는 것을 만듭니다 유물 이제 스타일을 적용해야하기 때문에 개를 만드는 이유는 무엇입니까? CSS에서 제공 했으므로 몇 가지 작업을 수행해야합니다 그것을 돔 (dom)이라고 부르는 것으로 변환하여 조작 자체와 JavaScript 또는 jQuery의 대부분은 처리해야합니다 돔 조작과 당신은 당신이 바로 따라 갈 때 알아낼거야 이 예제를 보시면 Dom 조작에 관한 것입니다

이 권리에 익숙 할 수 있으므로이 특정 라인에 대해 이야기 해 봅시다 ID가이 특정 줄에 div 태그가 있다고 가정 해 봅시다 기본적으로 해당 요소가이 변수에서 Dom 요소를 가져옵니다 이 JavaScript 변수와 다음 줄은 HTML을 설정합니다 그 안에 기본적으로 HTML을 설정하거나 텍스트를 설정하고 있습니다 자바 스크립트를 사용하는 HTML은 바로 매우 강력한 개념입니다

특정 모양과 느낌을 가진 사용자에게 페이지를 전달한 다음 사용자가 상호 작용하기로 결정한 방식에 따라 변경합니다 해당 웹 페이지로 말 그대로이 전체 웹 페이지를 그대로 변경할 수 있습니다 그리고 자바 스크립트에 액세스 할 수 있기 때문에 Dom이라는 HTML 문서를 읽을 수 있고 Dom을 읽고 노드를 선택할 수 있습니다 Dom에서 이것을 노드로 생각하고 jQuery가 액세스 할 수 있다고 생각하십시오 이러한 각 노드와 이러한 각 노드를 수정할 수있는 기능 그것이 노드의 내용인지 또는 그것이 할 수있는 다른 것이든지 이제 Dom에 관한 한가지 점은 모든 브라우저가 조금씩 동작한다는 것입니다 다르게는 당신이 Chrome 또는 Mozilla에서 웹 사이트가 동일하지 않다고 생각한 적이 있습니다 Internet Explorer와 Safari의 오페라 비교 아주 좋은 웹 사이트에서도 이런 경험을했습니다 개발자가 얼마나주의를 기울 였는지에 따라 꽤 많은 이유가 있습니다

그것은 깨지지 않았습니다 그것은 단지 모든 브라우저가 다르게 행동한다는 것입니다 이것은 각 브라우저를 개인의 권리로 간주합니다 오늘은 기차입니다 친구 B입니다 친구입니다 문서로 불리는 것을 원하기 때문에 돔을 페인트하는 방향 캔버스에 페인트 또는 인쇄하고 각각에 지침을 제공합니다

브라우저이지만 각 브라우저는 사람처럼 조금씩 다르게 동작합니다 브라우저는 현재 지침의 90 ~ 95 %와 다르게 작동합니다 행동은 비슷하지만 어떤 종류의 지시에 따라 10 % 15 % 웹 사이트가 크게 다르게 보이지 않도록 변경 될 수 있습니다 그러나 그들은 여전히 ​​약간 다른 권리를 가지고 있습니다 그 브라우저는 무엇을 주요 목적으로 만들고 싶었습니까? 예를 들어 Internet Explorer는 주로 보안을 위해 구축되었습니다

크롬은 다른 것을 위해 만들어졌습니다 Firefox는 속도를 위해 만들어졌습니다 Safari는 다른 것을 위해 만들어졌습니다 다른 결정을 바탕으로 때로는 이러한 행동에 따라 CSS 속성에 반응하지 않거나 인식하지 못하는 위치 변경 특정 방식으로 특정 지시 사항에서 특정 방식으로 특정 방식으로 이것은 문제입니다 이것은 빠르게 빌드해야하는 개발자에게는 큰 문제입니다

적어도 90-99의 웹 사이트를 만들어야합니다 시간의 백분율은 브라우저에서 비슷한 방식으로 행동합니다 네 가지 브라우저를 만들거나 별도의 멋진 말을 쓰는 경우 다른 브라우저에서 똑같은 일을하면 너무 많은 일이 될 것입니다 개발자는 게으른 것으로 가정하므로 jQuery는 jQuery를 도와줍니다 정말 자유롭게 우리를 도와주었습니다 관리자는 jQuery를 각 작업자를 알고있는 관리자처럼 생각합니다

만약 이것이 내 친구라면 그는 각자의 행동을 알고 친구는 Firefox가 Chrome보다 더 많은 방향을 요구한다는 것을 알고 있습니다 Internet Explorer 또는 Internet Explorer보다 약간 느리게 지침 천천히 지금 이들은 실제 차이가 아니지만 난 그냥 jQuery가 관리자를 처리하는 방법을 알고 있으므로 이제 예제를 제공합니다 다른 브라우저의 다른 행동으로 인해 우리가 할 필요가 없습니다 대신 브라우저에 맞는 코드를 작성하십시오 jQuery가 그렇게 인기있는 첫 번째이자 가장 근본적인 이유는 다음과 같습니다

각각의 개별 브라우저마다 코드를 작성해야하는 의존성으로 인해 당신과 나 같은 사람들이 정말 빠르게 웹 사이트를 만들 수있는 아주 쉬운 자 그럼 jQuery는 무엇이고 jQuery는 본질적으로 JavaScript 라이브러리이므로 테스터 자바 스크립트 혼동하지 말아주세요 차이점이 무엇인지에 대해 약간 혼란스러워합니다 javascript 및 jquery javascript는 언어입니다 jQuery는 다음을 사용하여 빌드 된 라이브러리입니다 JavaScript는 jQuery가 기본적으로 많은 JavaScript 코드에 불과합니다 경험이 많은 개발자들에 의해 작성되었습니다

25 년의 개발 및 프로그래밍 경험 등 jQuery는 2006 년에 처음 릴리스 된 라이브러리 일뿐입니다 크로스 브라우저를 지원하는 가장 인기있는 라이브러리 파일이 너무 크지 않아서 개발자를 향상시킵니다 많은 CSS 기반에 의존하기 때문에 배우기 쉬움 우리는 곧 이것을 보게 될 것이므로 다음 질문으로 넘어가겠습니다 왜 jQuery 우리가 이미 약간 대답했지만 여전히 가자 그것을 통해 jQuery는 자바 스크립트 라이브러리를 단순화하도록 설계되었습니다

CSS 크로스와 유사한 구문을 자연스럽게 클라이언트 측 스크립팅 브라우저 지원 이제 동적으로 동적 웹 페이지를 작성하는 데 도움이됩니다 당신이 Dom을 조작 할 수있을 때마다 웹 페이지에 대한 동적 특성과 웹 응용 프로그램이 있으므로 사용자에게 응답하는 동적 웹 페이지를 만드는 기본 사항 입력이 직관적이고 배우기 쉽다는 것을 알게 될 것입니다 ID와 통합되므로 ID가 즉시 지원됩니다 페이지 로딩 속도가 빨라서 다운로드 시간이 작기 때문에 도서관 자체는 작기 때문에 일반적으로 웹 사이트를 찾을 때 도움이됩니다 인터넷 연결 속도가 느리고 그렇지 않은 경우 그런 다음 웹 사이트는 무겁고 무거운 코드 크기입니다

웹 사이트를 실행하기 위해 다운로드하는 것은 다음에 많은 도움이된다는 것입니다 JavaScript, jQuery 또는 jQuery 이전의 플래시와 같은 애니메이션 페이지 웹 페이지를 사용하는 일반적인 방법 중 하나가 실제로 인기를 얻었습니다 그러나 플래시는 그것이 프론트 엔드 개발자라는 것을 의미합니다 HTML CSS JavaScript 및 플래시 추가 플래시는 그렇지 않습니다 말할 때 가장 우아한 것이 아니라고 말할만큼 충분합니다

브라우저와 브라우저간에 항상 많은 문제가 발생합니다 jQuery는 사용하기 매우 쉽기 때문에 발생합니다 이미 많은 기능이 내장되어있어 많은 기능을 제공합니다 플래시와 유사하지만 플래시를 사용하지 않고 애니메이션을 만들려면 새로운 것을 배우는 용어는 당신은 배울 필요가 없습니다-그리고 당신은 여전히 ​​만들 수 있습니다 동적 웹 페이지의 일부인 jQuery를 사용한 멋진 애니메이션 사용자 입력 또는 기반으로 애니메이션을 정렬 할 수있는 페이지 오른쪽 로드되는 특정 섹션 등 HTML 문서 유형은 브라우저 단어 문서 유형이며 다시 입력과 관련이 있습니다 문서의 해석을 다시 문서 HTML 문서 웹 페이지를 페인트하는 지침을 포함하고 doctype은 기본적으로 방향이 어떤 버전인지 브라우저는 매우 중요합니다 HTML이 될 때까지 HTML 문서 유형을 언급하는 방식이었고 html5에서 매우 간단합니다

이를 입력하면됩니다 이제 CSS 선택기가 충분하므로 확신합니다 여러분은 지금까지 이것을 가로 질러 왔을 것입니다 당신이 헤이 관점에서 지시를 할 때마다 나는 상자가 당신의 프레드 컬러가되기를 원합니다 또는 글꼴을 14 픽셀로 만들거나 페이지와 열을 나누고 싶습니다

20 % 20 % 및 40 %의 권리 당신은 그 코드를 CSS로 작성하지만 어떻게 CSS를 말합니까 어떤 스타일이 될지에 대해 HTML과 CSS를 어떻게 연결합니까? 선택기를 통해 발생하는 요소에 적용 된 것은 여러 개가 있습니다 공격을 선택하거나 식별하는 방법이 있으므로 이러한 방식으로 공격을 상상하십시오 친구에게 튜브에게 친구에게 말한 8 개의 상자 캔버스에 페인트하기 이제 상자 중 하나가 자연스럽게 빨간색으로 표시되기를 원합니다 친구가 상자에 번호를 매겼다면 지금 상자를 물어볼 것입니다 1 2 3 4 5 6 7 8로 식별됩니다

여기에 친구에게 상자 번호 3을 알려주십시오 이 작업을 수행 할 때 지금은 붉은 색이어야합니다 이것은 식별자입니다 셀렉터는 동의어로 생각할 수 있습니다 식별자이므로 HTML 태그를 식별하는 다양한 방법이 있습니다

태그 이름 자체는 P 태그 또는 div 태그 또는 스팬 태그이며 글꼴 크기가 14 픽셀 인 스팬 태그를 적용하면 span 태그를 사용하는 HTML 문서의 어느 곳에 나 적용 할 수 있습니다 HTML에서 ID를 설정하여 설정 한 ID 선택기가 있습니다 물론이 클래스 선택기뿐만 아니라 클래스의 ID를 태그로 지정할 수 있습니다 가장 인기있는 경향이 있지만 더 많이 있습니다 선택기를 설정할 수있는 방법에는 의사 클래스 선택기가 있습니다 부모-자식 인 관계에 기반한 선택자가 있습니다

관계에는 속성 기반 선택기가 있고 여러 셀렉터도 마찬가지이므로 지금은 상위 3 개에 집중할 수 있다고 생각합니다 클래스의 태그 ID이지만 관계를 기반으로 한 선택기조차도 다른 것들과 비교하여 일반적으로 사용된다 따라서 jQuery 객체는 JavaScript를 연구 한 경우 누군가가 잊어 버린 경우를 대비하여 빠른 리프레시 객체를 사용하십시오 내 로컬 호스트 괜찮아요 이것은 빈 웹 페이지입니다 이제는 내가 의미하는 바를 빨리 보여 드리기 위해 이것이 자바 스크립트 오른쪽 중괄호 열림 및 중괄호 닫힘 키 값 쌍을 포함하므로 저장할 수있는 과일 수를 계산해야하는 경우 이런 식으로 애플에 도트를하면 바나나에 프린트됩니다 페인트 2와 도트 구아바를 넣어 3을 인쇄합니다 마찬가지로 당신이 가진 것은 jQuery 객체라고 불리는 것입니다

jQuery 객체를 사용하는 두 가지 방법 중 하나는 달러 기호이고 다른 하나는 j-cap이 작고 큐 자본 인 특정 케이싱으로 작성된 jQuery 그리고 나머지는 다시 작게 사용할 수 있습니다 달러를 사용하면 괜찮습니다 또는 jQuery이지만 여러 번 예제에서 찾을 수있는 경우 인터넷은 달러를 사용할 것입니다 달러 지금 달러는 본질적으로 당신이 정말로 볼 필요가있는 기능입니다 JavaScript 구문과 같이 달러이므로 변수가 있습니다

나는 당신에게 그것을 다시 보여주었습니다 지금 당장 달러 점을 3과 같다고 말할 수 있습니다 인쇄 달러를 추가하면 객체이므로 달러가 유효합니다 자바 스크립트에서 JavaScript의 식별자 또는 변수 이름이지만 일반적으로 jQuery가하는 것은 달러를 그 자체의 상징으로 채택했다는 것입니다 jQuery는 달러를 통해 액세스해야하며 그것을 보면 그렇지 않습니다 변수는 실제로 함수 jquery Fisker입니다

따라서 JavaScript 함수는 괄호로 묶여 있습니다 괄호를 닫고 그 안에 코드를 작성하면 본질적으로 내부에 많은 것들이 많은 jquery 함수 우리가 발견 할 것들이지만 실제로 그것을 시각화해야합니다 내가 괜찮은 함수를 호출하는 특별한 방법 따라서 jQuery 객체는 0 개 이상의 인덱스를 포함하는 배열과 같습니다 길이 컨텍스트 및 선택기와 같은 객체 메소드도 포함하므로 우리 가이 모든 것이 참인지 알아낼 것이므로 jQuery 객체입니다 많은 것들이 포함되어 있으며 몇 가지만 보여 드리겠습니다 모든 것이 담긴 순간이지만 JavaScript 일뿐이라는 것을 명심하십시오

하루가 끝날 때 우리는 기본 사항을 놓치지 않을 것입니다 매우 중요합니다 일부 ID는 jQuery이므로 atom을 사용할 것입니다 숭고한 텍스트가 다시 아주 좋은 것 중 하나이지만 가벼움 Dreamweaver는 브라우저 콘솔에서 그대로 사용할 수 있습니다 jsfiddle J의 핀 클라우드 9와 같은 편집기 만 있음을 시연 한 다음 디버거가 있으므로 모질라에서 Chrome 웹 검사기를 사용합니다 Firefox 그것은 Firebug이며 익숙한 것에 따라 Ito를 사용할 수 있습니다 jQuery CDN과 웹 프로젝트에 jQuery를 설치하는 두 가지 방법이 있습니다

저장된 자바 스크립트 파일처럼 jQuery와 파일의 절반을 다운로드하는 것입니다 랩톱이나 프로젝트에서 경로를 지정하여 내가 한 일이 있습니다 여기서 jQuery가 있습니다 무서운 자바 스크립트를 많이 혼동하지 마십시오 읽을 필요가 없습니다

이 모든 것을 통해하지만 난 그냥 이것을 이렇게 포함 그래서 난 그냥 추가 여기에 그것을 찾을 것입니다 그리고 나는 그것을 사용할 수있을 것입니다 다른 방법은 CDN을 통해 콘텐츠 전송 네트워크라고 불리는 작은 나는 CDN의 날에 가지 않을 것이지만 CDN은 기본적으로 구글과 같은 CloudFlare와 같은 대기업은 자체적으로 Amazon jQuery입니다 기본적으로 현지화 된 서버 인 자체 CDN이있을 수 있으므로 서버 귀하의 특정 위치에 가까운 귀하의 요청에 응답 CDN의 이점은 물론 서버가 물리적으로 가깝기 때문에 이점입니다 인도에 있다면 미국에 있지 않다는 것을 의미합니다 그것은 싱가포르에 앉아 있지만 당신이 우리 안에 있다면 그것은에서 파일을 제공하지 않습니다 인도, 영국 또는 유럽에서 우리 자신의 파일을 실제로 제공하고 있습니다 근접도는 전송 속도에서 물론 중요한 역할을합니다 파일 버전이 유지되고 있으므로 사본을 유지할 필요는 없습니다 역할을 수행하는 자신의 컴퓨터에 파일을 저장 한 다음 다른 특정 파일이 있습니다

무게가 표준 파일 등이되는 이점 가난한 개발자가 다운로드 한 것을 알고 있습니다 당신에게 나는 그것이 원래의 jQuery이며 그것이 수정되지 않았 음을 확신합니다 이 문제에 대해 생각하면 이 파일은 실수로 편집 한 것일 수 있습니다 이 프로젝트의 다른 개발자이지만 다운로드하는 경우 CD에서 정말 실수로 뭔가를 변경할 수 없습니다 그렇기 때문에 시리 안이 도와 주지만 지역을 개발하고 있다면 당신이 개발 모드에 있다면 현지인을 선호합니다 내 컴퓨터의 파일은 게재되기 때문에 훨씬 빠릅니다

내 컴퓨터에서 내 컴퓨터로 파일을 보낼 때까지 기다릴 필요가 없습니다 서버에서 다운로드하므로 개발을 권장합니다 파일을 확인한 후 시작하기 전에 지금 알아볼 사항을 보여 드리겠습니다 JavaScript 파일에 jQuery 파일을 이미로드했으며 죄송합니다 내가 달러를 정의하지 않은 달러의 콘솔 도트 로그 브라우저에 문제가 없으며이 페이지를 새로 고침하겠습니다

내 브라우저 에서이 페이지를 다시로드하려면 이것을 제거하고 jQuery HTML 936 라인 36이 있고 콘솔 도트 로그를 수행했음을 알 수 있습니다 jQuery 달러가 a이므로 함수를 반환했습니다 작은 머리 회전하지만 JavaScript에서도 함수 또는 객체조차 괜찮습니다 함수는 객체이므로 달러가 객체라고 말할 때 정확하고 달러라고하면 함수는 정확하기 때문에 함수입니다 jQuery를 수행하면 JavaScript의 객체이기도합니다 나는 같은 기능으로 결과를 얻을 것이고 비교를 위해 그것을 할 수있게 해줄 것이다

이처럼 둘 다 같은 것을 올바르게 반환한다는 것을 알면 그것들은 같은 기능입니다 잠시 동안 이것들을 제거하겠습니다 또한 다른 것을 시도해보십시오 동일하고 내가 말하는 것과 같은지 확인하십시오 jQuery 또는 달러는 괜찮습니다

이제 우리가 무엇인지 이야기합니다 여기에 div 태그가있는 간단한 HTML 파일이 있습니다 이 div 태그에는 아무것도로드하지 않으므로 이것을로드 할 때도 페이지 오른쪽에 표시 할 내용이 없습니다 빈 HTML 페이지입니다 그 안에 아무것도 없으면 기본적으로 내가 주석 처리 한 것입니다

하나의 div 태그 만 있지만 내부에는 아무것도 없습니다 페이지가로드 된 후 무언가를 표시하고 싶다고 가정합니다 그 작업은 조각으로 나누어 보도록하겠습니다 여기에 문서를 전달하면 jQuery 내가 직접 HTML 문서 전체를 참조한다는 것을 이해합니다 상단에 다음은 준비되어 있습니다라는 기능을 사용할 것입니다

다시 한 번 함수입니다 이것이 제가 강조한 함수입니다 그 위에 또 다른 기능이 있습니다 JavaScript를 사용하면 서로 위에 정의 된 기능이 있음을 알 수 있습니다 chaining Rev function top은 다른 함수를 수행 했으므로 함수를 호출합니다

매개 변수를 취하는 매개 변수는 다른 함수이므로 우리는 여기에 많은 기능이 있지만 잠시 동안 나와 함께하십시오 기본적으로 브라우저에 문서가 준비되면이를 실행한다고 알리십시오 방금 선택한 하나의 기능을 그 안에있는 모든 것을 실행하십시오 페이지가 언제로드 될지 알 수 없으므로 여기에 타이머를 설정하지 마십시오 페이지가 제대로 준비되면 나는 단지 내가 결코 문서는이 함수 안에 무엇이든지 준비되어 있으므로 시도해 봅시다

간단한 콘솔 도트 로그 문서를 작성하면 실제로 주석 처리 할 수 ​​있습니다 이 모든 것이 이제 페이지를 새로 고침하여 인쇄합니다 이 바깥 쪽은 36 번 줄의 줄 번호에 설정 한 다음 줄 번호 42이므로 쓰기 줄 번호 36이 실행되면 줄 번호 42는 문서가 나중에 준비되었으므로 나중에 이것을 실행했습니다 지시는이 지시로 넘어 갔고 모든 것이 끝났을 때 페이지가 준비 될 때까지 페이지는 문서가 준비 될 때까지 준비되지 않았습니다 문서 전체를 거치지 않는 한이 문서로 내려 가지 않는 한 브라우저에서 준비된 것으로 간주되지 않으므로이 기능은 트리거되었지만 내부적으로 JavaScript 트리거 이 기능은 모든 준비가 완료되면이 코드의 첫 번째 코드입니다 코드 나는 대부분의 사람들이 jQuery를 작성할 때 겪을 것이라고 생각합니다

문서가 준비가되었고 다음으로해야 할 일은 jQuery를 사용하면 객체를 선택할 수 있습니다 Dom에서 요소를 선택하거나 세분화하여 특정 HTML 태그는 이제 여러 가지 방법으로 선택할 수 있습니다 팁으로 말하면 문서에서 사용할 수있는 모든 div를 선택합니다 천만 일이 있더라도 모든 팁은 자연스럽게 발생하므로 권장하지 않는 모든 팁을 선택하십시오 모든 div에 스타일을 설정하려는 경우 CSS와 같은 많은 문제 다음 옵션은 ID로 선택하는 것이므로 여기에 ID가 준비된 데모가 있으므로 해시 태그를 다음과 같이 설정할 수 있습니다

CSS에서 할 수 있도록 CSS는 이와 같은 것이 될 것입니다 또는 조금 줄여서 해시 태그 준비 데모와 비슷한 방식으로 jQuery에게 또는 브라우저에게 알려주는 해시 태그를 여기에서 준비 할 수 있습니다 사실 이것이 우리가 말하는 것입니다 우리가 원하는 것입니다 우리가 무엇을하고 싶을 지에 대해해야 할 일 비어 있고 문서가되기 위해 내부 텍스트가 준비되었으므로 우리는 콘솔 도트 로그를하고 있었지만 이제는 사용자에게 내 탭을 표시하고 싶습니다 페이지가 준비되었습니다 이제 페이지가 준비되었습니다

페이지를 다시로드하십시오 당신은 그것이 거기에 없다는 것을 알 수 있습니다 내가 여기에 인쇄하는 것은 여기에 표시되며 이것은 이후에 발생합니다 낮은 문서 도트가 준비되었으므로 문서가 준비되면이 기능 실행되었고 함수 실행이 이것을 원했습니다 먼저 변경하려는 팩을 선택하여이 노드를 웹 페이지를 준비하기 위해 내부에 들어가기를 원합니다

그게 내가 슬라이드로 돌아가서 끝났으므로 문서가 Dom 조작을 준비하고 기능을 할당하자마자 jQuery가 우리가 할 수있는 또 다른 일을 진행하면서 이야기하는 것은 체인 또는 심지어 실제로 자바 스크립트가 허용하는 것입니다 이 연결 함수는 함수가 하나씩 실행되는 위치에서 서로 기능합니다 다른 사람은 지금 당신이 이것들을하지 않은 것을 알고 익숙하지 않으므로 하나씩 살펴 보도록하겠습니다 jQuery가 제공 한 후이 색을 설정하고 싶습니다 도트 CSS라고하는 메소드와이를 검색 할 때마다 온라인에서 당신은 jQuery에서 도트 CSS로 참조해야하며 Google 알리미 또는 jQuery 웹 사이트 Sociedad에서 문서를 즉시 엽니 다

jQuery의 CSS는 두 번째 매개 변수를 첫 번째 매개 변수로 사용하는 방법입니다 CSS 속성이어야하고 두 번째 매개 변수는 값이어야합니다 알았어 잠시만 기다려 보자 그렇지 않으면 결과를 보자 이미 웹 페이지가 준비되었습니다

다른 것을 이것에 연결하거나 다른 것을 파괴하지 않는다고 가정 해 봅시다 글꼴 무게처럼 시도해 보도록하겠습니다 700 이제 백으로 만들면 굵게 표시되지 않습니다 1000 괜찮습니다 1000은 유효하지 않습니다

700은 굵게 표시되고 색상을 다시 변경하여 다시 만들 수 있습니다 파란색 지금 오호 나는 당신이 그것을 보면 색상이 먼저 시퀀스라고 생각합니다 텍스트를 설정하고 이보다 색상을 다시 지정하면 프레임이지만 이번에는 캔버스가 준비되었으며 아마도 두 번째 프레임 일 것입니다 내 JavaScript 및 jQuery 프레임이며, 지금이 작업을 수행한다고 말합니다 이제이 작업을 수행하고 슬라이드 데크에 마지막으로 주어진 것을 시도하십시오 기본적으로 일종의 애니메이션으로 페이드되도록 지시하는 페이드입니다

당신은 갈 것입니다 나중에 우리는 그것에 대해 더 이야기 할 것입니다 알았어 이건 충분히 느리지 않아 어떻게 느리게 만드는지 봅시다 jQuery 문서 방금 시도하고 느리게 만드는 방법을 알아 보겠습니다 알았어 그래서 숫자가 필요해 내가 생각할 수있는 숫자를 줄 수있어 밀리 초이므로 천 밀리 초 또는 100으로 표시 할 수 있습니다 밀리 초 괜찮아 5000으로 설정하겠습니다

내 라이브 리로드가 이것이 실제로 작동하지 않는 이유입니다 효과 내가 이렇게 시도해 보자 알았어 당신 jQuery를 사용하면 선언 할 수 있습니다 달러 객체에 대한 우리 자신의 기능은 이제 다시 함수는 또한 객체이며 객체는 위에 함수를 포함 할 수 있습니다 JavaScript의 객체는 키 중 하나와 같은 키를 가질 수 있습니다 키의 값은 기능인 값에 해당합니다

JavaScript에서 사용자 정의 함수를 정의하십시오 여기서 우리는 달러 도트 F n 도트 내 사용자 정의 함수를 호출 한 다음 무언가를 할 수있는 기능을하고 나서 더 많은 일을 할 수있는 기능 자신의 jQuery 함수를 정의 해야하는 경우 할 수있는 가능성이 있습니다 그러나 전체 라이브러리를 다시 작성하는 것을 알지 않고도 제안하기 때문에 지금은 정신적 메모로 유지하십시오 당신 이이 일을 한 종류의 고급 사용자 인 것을 선호 Java JRE 및 Java Script에 대한 친숙 함 그러나 라이브러리와 라이브러리 중 하나를 확장 할 수 있다는 것을 아는 것이 좋습니다 jQuery에서 가장 아름다운 점은 라이브러리를 자신의 것으로 확장 할 수 있습니다 Dom을 쿼리하거나 다양한 부분을 선택하는 방법과 패션 jQuery와 JavaScript를 사용하는 Dom 객체 당신은 단순한 목록에 지나지 않습니다

이 목록에서 일어나는 일은 세 가지 항목이 있습니다 실제로 보여 드리도록하겠습니다 HTML이 맞습니다 이것은리스트입니다리스트에 3 개의 아이템이 있습니다

외부는 아무것도 언급하지 않는 태그이지만 아마도 우리는 단지 참조 할 수 있습니다 내부에 div 태그가있는 div 태그를 Google에 그 안에있는 태그는 반드시 데모 목적은 아닙니다 이런 식으로 뭔가를 구축하지만 특정 증명하는 데 도움이 될 수 있습니다 개념의 양과 그 안에 다른 요소가 있습니다 방금 ID 선택기를 사용하여 기숙사를 쿼리했음을 보여 주지만 다른 CSS 셀렉터도 사용하지만 지금은 ID 셀렉터로 넘어 갑시다 이제 여기에 우리가 가진 예는 다음과 같은 ID가 있다면 과일과 우리는 그 텍스트를 꺼내서 전체 리를 반환 할 것입니다

우리가 다시 가면이 안에는 그것을 언급하면 ​​이것은 또 다른 방법이며, 이것들 중 어느 것도 아닌 다른 방법입니다 옳고 그름을 가장 잘 사용하십시오 편안하게 생각하기 때문에 많은 분들이 처음 편할 것 같아요 이 옵션은 더 일반적인 옵션이며이 옵션은 li 만 선택합니다 jQuery가 CSS에 의존한다고 말했듯이 내부는 괜찮습니다 셀렉터는 동일한 파워를 사용합니다 이제 보이는 ID 셀렉터가 있습니다

고유 ID를 선택하고 선택하고 이미 수행 한 내부 텍스트를 설정합니다 다음 데모로 넘어가는이 데모는 물론 클래스 셀렉터도 마찬가지입니다 문서로 가서 e1을 읽도록 클래스를 변경하고 e1을 읽도록 변경하고 이것을 변경하십시오 e1을 읽은 다음 여전히 작동하는 페이지를 다시로드하십시오 지금은 클래스이기 때문에 해시 대신에 이제 질문입니다

언제 당신에게 달려 있고 실제로 의존해야하는지 당신이 프로젝트를 만드는 중이라고 가정 해 봅시다 일반적으로 하나를 고수하지만 추가 ID를 정의하지 않으려는 경우 div 태그가 있고 클래스를 정의했다고 가정 해 봅시다 이제 ID 태그를 추가하여 HTML을 추가하고 싶지 않습니다 JavaScript에서 다른 것으로 언급하고 참조를 잊어 버림 언제 어디서나 수업을 사용하는 것이 편리 할 수 ​​있습니다 어떤 특정 요소의 경우 HTML에 클래스가 없으면 개발자를 정의 할 수 있습니다

아 죄송합니다 또는 ID를 정의하여 사용할 수 있습니다 자연스럽게 요소 선택기가 있습니까? 그래서 내가 추가 할 것이라고 가정 해 봅시다 여기로 향하고 h1이라는 제목을 닫으면 페이지가로드되면 우리는 달러 h1 도트 CSS 색상을 말할 것입니다 빨간색으로 말할 것입니다

그런 다음 페이지를 다시 작성하여 매초마다 해결하면 검은 색이지만 빠르게 빨간색으로 변합니다 심지어 h1 태그를 사용하더라도 CSS에서 설정하거나 텍스트를 완전히 변경할 수 있습니다 우리는 이것을 할 수 있습니다 우리는 이것에오고 변화합니다 아일랜드어 텍스트 괜찮아 물론 속성 선택기가 있습니다

태그가 있고 타겟이 있다고 가정 해 봅시다 자체로 설정하거나 googlecom이라고하는 H 참조가 있으며 선택하고 싶습니다 그것과 색상을 수정하고 싶습니다 난 그냥 여기에 태그를 추가 대상이 설정되어있는 속성입니다

그리고 또 다른 것이 있습니다 jQuery가 할 수있는 것은 여기에있는 전자 태그를 선택하십시오 self와 같고 CSS 색상을 파란색에서 파란색으로 변경합니다 일반적으로 초록색이면 괜찮습니다 인용문은 여기에 와야합니다 이것을 큰 따옴표로 바꾸십시오

알아보십시오 색이 변한 것을 발견하면 내가 스스로에서 판자로 바꾸면 색이 바뀐 것을 분명히 볼 수 있습니다 다른 하나는 Google 공백으로 표시됩니다 yahoocom 알았어 당신이 실수를했다고 가정 해 봅시다

그 안에있는 Google은 사용자를 좋아하지만 실제로는 Yahoo를위한 것이므로 yahoocom이라는 것을 선택하고 싶을 때 Yahoo에서 말하도록 텍스트를 변경하십시오 Google 셀로 설정되었지만 Google에서 선택한 셀로 변경했습니다 속성의 기초를 설정하고 그 안에 텍스트를 변경하면 괜찮습니다 기본적으로 속성을 기반으로 선택하는 방법이므로 속성은 클래스의 ID도 속성이므로 알기 어려울 수 있습니다

나는 많은 빨간색이 판단 CSS의 의견이라고 생각하기 때문에 아이디어를 속성으로 분류하는 것은 올바른 속성입니다 그러나 여기서 우리가 말하는 것은 ID가 아닌 속성입니다 또는 ID가 아니거나 클래스가 괜찮은 클래스는 범용 선택기입니다 기본적으로 문서의 모든 것을 선택하는 별 모양 별표 기호 이 작업을 수행하지 않는 것이 좋습니다 많은 메모리를 차지할 것입니다

사용자의 브라우저에 웹 사이트가 있으므로 별표 기호는 기본적으로 다음은 위치 선택기입니다 의사 클래스 선택기이므로 실제로 이것을 시도해 봅시다 특히 Li를 선택해야한다면 내 목록에있는 항목 목록을 선택한 다음 거짓말과 나는 CSS 색상을 빨간색으로해야합니다 결과가 무엇인지 봅시다 알았어,이 작동하지 않았다 어쩌면이 작동 괜찮아 그래서 무슨 일이 있었는지입니다 이것이 부모님 안에있는 아이들을 선택할 수있는 방법입니다

내가 말한 것은 항목 목록이있는 요소를 항목 목록을 선택하고 그런 다음 안에있는 첫 번째로 가서 안에있는 첫 번째로 가서 CSS를 빨간색과 마찬가지로 이제 첫 번째에서만 수행 해야하는 경우 하나는 내가 처음 하나에서만해야한다면 이것은 내가하는 방법입니다 차이점은 첫 번째 차이 만 빨간색으로 표시됩니다 당신을 혼란스럽게 할 수도 있기 때문에 이것을 제거하십시오 여기에서 재생되는 CSS 우선 순위이므로 첫 번째 것이 있다고 가정 해 봅시다 두 번째 커피를 선택해야한다면 커피를 처음 놓을 때 두 번째로 갈 것입니다 실수했습니다

봅시다 조금 해보자 예, 이것이 첫 번째에서만 작동하고 두 번째로는 작동하지 않지만 마지막으로도 작동한다고 생각하는 첫 번째 것을 선택해야합니다 그것은 마지막 것이기도하지만 괜찮습니다 그래서 먼저 작동합니다 마지막이지만 두 번째 또는 네 번째는 아니므로 개인 자산에 관한 것이 더 쉽습니다

하지만 논리적으로 목록의 항목 수를 생각하면 수백 개가 될 수 있으므로 중간 이름을 지정할 수 없습니다 다른 사람들이 다른 사람들을 서로 참조하기 때문에 두 번째 1/3 당신이 첫 번째 또는 마지막을 볼 수 있도록 방법과 그것은 유지할 수 없을 것 첫 번째 또는 마지막을 사용한 다음 의사 클래스는 물론 다른 옵션은 다른 모든 것이 내가 이렇게 말을 할 수 있습니다 그렇습니다 그래서 여기에 내가 한 것이 있습니다 구글 통신에 따르면 href가 가지고 있지 않은 야후에 걸립니다 옵션으로 제공되므로 다음은 기숙사를 통과하므로 횡단은 기본적으로 기숙사를 걷는 것입니다 요소 별 및 첫 번째 부분 인 쿼리 선택기 사용 첫 번째 선택을 할 수 있지만 계속 아래로 내려 가려면 기숙사를 가로 지르는 HTML의 특정 중첩 태그 세트 당신을 도울 것입니다 그리고 우리가 사용할 수있는 몇 가지 일반적인 기능이 있습니다 fine은 같지만 이동 만하는 경우 일치하는 모든 하위 요소 자식을 찾습니다

한 레벨 아래로 가장 가까운 곳은 Dom 트리 위로 이동하므로 아래로 이동하지 않습니다 내부로 이동하면 일치하는 상위 부모를 찾을 때까지 Dom 트리 위로 이동합니다 Dom 트리 위로 이동하지만 단일 레벨까지 올라가므로 가장 가까운 곳을 찾습니다 부모님이 다음 즉시 싱글로 이동하면 괜찮습니다이 특정 노드의 부모가 아래로 이동하고 지금 바로 떨어지는 형제를 목표로 여기에 주목해야 할 것은 형제 부분은 그것이 형제에게 가지 않을 것이라는 것을 알 것입니다

아이 그래서 li 태그가 있다면 li 태그에 그것을 호출하면 Li 태그 다음 Li 태그로 이동합니다 내부의 HTML로 이동하지 않습니다 이전은 다음과 같이 이동하지만 위로 이동하여 이전 형제와 형제는 위와 아래로 움직이는 것을 목표로합니다 li 태그에서 선택하면 다른 모든 형제가 먼저 가져옵니다 선택한면의 첫 번째 요소와 마지막 요소가 마지막 요소를 가져옵니다

콜리어에서 멘토링을 시작한 쇼부터 마지막으로 첫 번째와 마지막은 마지막 것만 중간에 있지 않지만 당신은 중간 것들을 가로 질러야했을 것입니다 다음 또는 이전의 박수는 도움이 될 것입니다 그들 각각의 몇 가지 예를 보자 좋아요, 음소거하고 음소거하겠습니다 좋아, 내가 한 것은 내가 추가 한 것입니다 여기에 간단한 버튼과 클릭 기능을 추가했습니다 이 버튼을 클릭 할 때마다 웹에 표시됩니다 여기에 어떤 일이 일어날 것입니다

여기에 나에 의해 무언가가 정의 될 것이므로 이것이 할 일은 항목 목록으로 이동하여 생성 한 항목을 찾을 것입니다 태그를 만들고 모든 CSS를 만들기 위해 붉은 색으로 만들 것입니다 이 버튼을 클릭하면 모든 a 태그가 빨간색 커피가됩니다 실제로 전자 태그가 아니 었습니다 기억하고 우리는 이것을 yahoocom이라고 말할 수 있습니다

클릭하면 커피가 아닌 태그 만 어떻게 발견되는지 봅니다 우유도 아니고 차도 아니고 본질적으로 항목 목록은 다음 중 하나를 평가할 센터 동료를 찾습니다 예를 들어 내가이 작업을 수행하려고하면이 작업을 시도하거나 먼저 보여 드리겠습니다 이 예제에서 우리는 아이템 목록을 만들었 음을 알았지 만 첫 번째 li 대신이 특정 Li 태그를 선택합니다 결과는 Li와 함께 목록 항목을 먼저 선택한 것과 같은 방식 이번에는 색상을 빨간색으로 설정했습니다

어린이로 변경하면 어떻게됩니까? googlecom에서만 발생하는 일 googlecom 만 빨간색으로 표시되는 이유 아이들이 바로 옆에있는 것이기 때문에 안으로 들어 가지 않으면 깊이가 한 수준 이상 떨어지지 않습니다 이것이 div 태그 외부에 있다면이 div 태그 에이 권리가 포함되어 있습니다 밖에 있었지만 작동하지 않았을 수도 있습니다

그래서 아이들은 바로 다음으로갑니다 가장 가까운 곳으로갑니다 내가 보여주기 전에 결과가 추측하려고하는 것을보십시오 가장 가까운 것은 가장 가까운 것입니다 정의를 한 번 봅시다 Dom에서 일치하는 요소를 찾을 때까지 Dom 트리 위로 이동하여 위로 이동 돔 트리는 실제로 괜찮아서 아무 일도 일어나지 않습니다 이유는 위로 이동 아래로 이동하지 않습니다 아래로 이동하지 않으므로 찾아야합니다

ul 외부에있는 태그를 여기에 추가하면 더 이상 ul 바깥의 ul 안에 태그에 대해 더 이상 태그 괜찮아 기다립니다 당신 그래, 그래서 만약 그가 가장 가까운 것이 그 안에 있다면 더 좋을 것 같아 특정 유형의 가장 가까운 부모를 찾으려고 노력합니다 대신 살아있는 내부에있는이 특정 키 태그를 선택했습니다 나는 가장 가까운 동맹국을 찾아서 색을 설정한다고 말했습니다 빨간색으로 가려면 이것이 가장 가까운 동맹국으로 가고 페이지가 새로 고침됩니다 색상을 빨간색으로 설정하겠습니다

버튼을 클릭하면 동맹국이 발견되면 Li 색상이 빨간색 때문에 내가 이전에 시도했던 관계는 Li 태그와 태그 외부의 관계는 없었지만 이제 우리는 그것이 그것이 시도하는 부모-자식 관계 여야한다는 것을 알고 있습니다 체인에서 가장 가까운 부모를 찾으려면 이제 부모의 두려움으로 가십시오 다시 div 내부 태그를 선택하고 우리는 부모와 우리는 한 픽셀의 테두리를 주어야합니다 yahoocom을 포함하는 div 태그는 여기에서 한 픽셀의 테두리를 얻습니다 다음은 Nexus입니다

따라서 다음에 갈 첫 번째 동맹국으로 이동합니다 그리고 한 픽셀의 CSS 테두리를 먼저 Ally에 주겠습니다 부모가 아닌 아이가있는 형제 자매로 이사하기 때문에 우유에 자기 자신과 같은 계층 적 수준에서 형제에게 이전의 것은 괜찮습니다 사실 좀 더 간단하게하겠습니다 마지막 li로 이동 한 다음 이전 형제로 이동하여 T로 가고 T에서 일부는 우유에 갈 것입니다

그런 다음 우유로 가서 CSS 다음 형제를 설정하여 먼저 거짓말을합니다 형제 자매와 국경으로 설정합니다 우리도 이렇게 할 수 있습니다 우리가 이것을 선택하고 바로 사랑 대신에 먼저 할 수 있고이 둘 모두로 설정됩니다 마지막으로 몇 달간 테이블을 넣습니다 다음은 먼저입니다

이를 위해 Li를 선택하고 첫 번째를 선택하여 선택합니다 Li와 우리는 가장 먼저 찾은 것을 선택합니다 물론 마지막 방법은 다른 방법이 있습니다 내 권장 사항을 똑같이하는 여러 가지 방법은 가장 편한 사람은 마음의 상단을 기억하는 것 4:54 큰 코와 결국 이러한 변수를 사용하거나 미안하게 사용하는 분위기에 빠지게됩니다 이러한 기능을 사용하는 것이 주어진 순간에 당신에게 편리한 그래서 당신이있을 때 편리합니다 시작 목적으로 많은 복잡한 Dom 조작 처리 를 사용하여 요소를 선택하는 첫 번째 부분에 집중하십시오 클래스 식별자 또는 아이디어 식별자 또는 태그 식별자 jQuery의 중요한 측면은 Dom 조작을 수행하는 Dom 조작입니다

각 브라우저가 다른 브라우저에서 반응 할 때마다 브라우저가 번거 롭다 일반 JavaScript를 작성하는 경우 지침에 다른 방법 그러나 jQuery는 Dom 주위에 많은 메소드를 사용하여 구출됩니다 다음과 같이 브라우저와 브라우저의 차이점을 처리합니다 프로그래밍이나 컴퓨터 과학과 관련된 것은 네 가지가 있습니다 특정 객체에 대해 할 수 있고 그것을 읽는 객체를 만드는 것 업데이트 및 삭제하여 추가 또는 제거가 작성 또는 삭제 중입니다 수정은 복사를 업데이트하거나 복제는 읽고 쓰는 중이므로 본질적으로 많은 것들이 만들어지는 네 가지 기본 요소입니다 조작은 단순히 업데이트 생성 여부에 관계없이 변경됨을 의미합니다

또는 삭제하거나 단순히 읽을 수도 있습니다 우리가 이용할 수있는 Dom 조작에는 간단한 방법이 있습니다 Dom 요소 내부의 내용을 조작하여 Dom 요소가 Dom 요소 자체를 조작하고 내부의 내용까지도 예를 들어 마지막 클래스에서는 빈 div 태그가 있지만 페이지가로드 된 후 그 안에 텍스트를 배치하면 콘텐츠 조작의 예를 통해 때로는 웹 사이트에서 볼 수 있음 당신이 버튼을 클릭하면 무언가가 스스로 검토합니다 여기서 퀴즈 중 하나 또는 다른 것을 취한 경우 질문이 나타납니다 그렇지 않으면 무언가를 클릭하는 상호 작용이 발생합니다 응답은 텍스트가 나타나거나 내용이 조작하는 것입니다

주로 세 가지 값 중 하나는 업데이트 할 텍스트 방법 중 하나입니다 HTML 내부의 텍스트에는 HTML 코드를 삽입하거나 업데이트하는 HTML 메소드가 있습니다 요소 내부에 값 방법이 있습니다 입력 상자에서 값을 얻거나 입력 상자 내에서 값을 설정할 수 있습니다 텍스트와 HTML의 차이점은 텍스트가 단순한 텍스트 일반이라는 것이 당연합니다

텍스트이지만 HTML을 사용하면 실제로 문서 안에 HTML을 배치 할 수 있습니다 여기 예제를 빨리 작성해 보았습니다 간단한 HTML 컨테이너 태그 안에 있습니다 질문이 있습니다 답변 상자 결과가 비어 있으므로 사용자는 지금까지 질문에 대답하지 않았으며 여기에 대답이 있습니다

우리는 사용자가 정답으로 제출 한 결과를 보여줄 것입니다 내가 한 일은 문서가 준비되면 내가 말한 것입니다 트릭 리스너라고 불리는 것 때문에 마지막 클래스에서 이것을 다루어야합니다 이것이 일종의 이벤트 리스너이므로 여기에 들어옵니다 나중에 깊이하지만 지금은 이해할 수있는 것은 버튼마다 클릭하면 특정 작업을 수행하고 싶습니다

대답 상자에서 값을 가져 와서 열면됩니다 나란히 비교할 수 있도록 여기에있는이 답 상자는이 것을 나타냅니다 우리는 그것을 선택했습니다 Val Val 그것은 우리에게 답을주고 그 대답이 우리가 문제는 인도라는 것을 알고 있기 때문에 죽은 전자는 물론 이것은 단지 예를 들어 건물을 짓는 방식과 같은 실제 세계에서의 사례 다른 작업을 추가하고 대답이 결과에서 올바른 경우 우리는 당신의 대답이 맞다면 대답이 맞지 않습니다 span 대신 HTML을 표시하려고합니다

귀하의 답변이 잘못되었다고 말하는 빨간색의 스타일 파일 텍스트를 사용하여 텍스트를 사용하여 정답을 표시하십시오 이 예제에서는 HTML 3 개를 모두 브라우저와 작동 방식을 확인 하여이 캘커타에 대한 답변을 드리겠습니다 제출하면 괜찮아 구문 오류가 발생한 것 같습니다 바로 여기에 있다고 말합니다 알았어 그래, 이건 고칠거야 캘커타를 입력하자 답변이 잘못되었을 경우에 원했던대로 귀하의 답변은 여기에 잘못된 권한이 표시되고 답변에 대한 답변 태그가 HTML이 제대로 생성되면 HTML을 보도록하겠습니다

시작하기 전에 그 안에 내용이 있지만 이제는 내용이 있습니다 그 안에 Tilly로 대답하면 올바른 것을 시도해 봅시다 리로드를 수정하고 델리에 입력하면 대답이 맞습니다 여기에 추가 된 Dom 조작은 실제로 다리로 눈을 보았으니 여기에 눈치 채면 결과가 비어 있습니다 계속해서이 부분을 계속 관찰하면 변경 사항을 볼 수 있습니다

이것은 존재하지 않습니다 다시 해보도록하겠습니다 지금은 아무것도 없습니다 그 안에 나는 매일 입력하고 나서 갑자기 작은 애니메이션이 있습니다 크롬 개발자 도구에 의해 1 초 동안 깜박임을 볼 수 있습니다

본질적으로 JavaScript와 관련이 많지는 않지만 단지 당신이 볼 수있는 효과는 Dom이 조작 된 것을 볼 수 있습니다 당신의 눈 앞에서 효과를내는 것은 두 섹션이 모두 영향을받는 것을 보았으므로 여기 섹션을 계속 관찰하십시오 이제 다시 봅시다 둘 다 결과에 영향을 미쳤습니다 답변뿐만 아니라 그래, 우리가 할 수있는 것과 텍스트 HTML 또는 값을 설정하십시오

다른 것은 우리가 추가하거나 제거 할 수도 있다는 것입니다 HTML을 작동시킬 수있는 매우 강력한 Dom 요소 HTML이 제공 된 후 지금까지 우리가하고있는 일은 우리가 만든 것입니다 HTML 문서이며 더 많은 P 태그를 추가 할 수없는 것처럼 수정되었습니다 더 많은 세금을 내야하지만 Facebook 피드와 같은 것에 대해 생각해 봅시다 두 번째는 무한 피드 또는 소셜 네트워크 피드 중 하나입니다

아래로 스크롤하면 무한대로 끝나지 않으므로 거기서 일어나는 일 본질적으로 Facebook은 더 많은 div 태그 또는 스토리를 추가 할 때 또는 게시물이지만 본질적으로 HTML 코드이며 추가를 계속 추가합니다 추가하고 추가하는 무한 목록이므로 계속 생성되므로 시작됩니다 JavaScript를 통한 JavaScript를 통해 Dom이 생성되고 계속 유지됩니다 피드에 무한정 추가 한 다음 몇 가지 방법을 사용할 수 있습니다 접두사를 추가하고 모두 제거하기 전에이 작업을 수행하기 위해 여러 가지 방법으로 코드를 살펴보고 각각의 동작을 살펴 보겠습니다 우리는 더 이상 필요하지 않기 때문에 이것을 언급 할 것입니다

알았어 행복 할 것 같아 따라서 이것을 제거하십시오 알았어이 곳을 여기로 가져 가자 좋아, 내가 한 일은 내 웹 페이지에 네 개의 상자를 만들었습니다 잠깐만 보여주세요 여기에 네 개의 상자가 있습니다 추가하고 앞에 추가하여 각 함수의 예를 보여 드리겠습니다 이 상자들 각각이 여기에 나타나고 스타일링이 완료되었습니다 어딘가에 그래 그래 그래 무게 상자가있는 색상 상자가 있습니다 높이에 테두리 여백이 있고 그 뒤에 애프터 타이어가 있습니다

그것은 우리에 의해 주어진 색상입니다 그래서 각 상자는 클릭이 그것을 클릭하면 그것을 클릭하면 자체에 무언가가 추가됩니다 다시 div 태그가 될 것입니다 이것은 다른 책이 될 것입니다 상자 중 하나는 데모 목적으로 다른 상자를 추가합니다 우리는 다른 상자를 제거하여 우리가 한 상자에만 집중할 수 있도록 한 개의 상자와 내가 할 상자 만 주석으로 표시하겠습니다

첨부하면 클래스가 첨부되고 색상은 노랑색 이니까이 특별한 것이 붙어있는 것을 본다면 다시 클릭 다시 클릭하면 수직으로 나타나는 또 다른 문제가 발생합니다 CSS와 관련이 있지만 Dom을 보면 Dom에 집중했습니다이 div 태그를 가지고 있습니다 특정 div 태그 내에 첨부 이 텍스트 다음에 상자가 나오면 div 태그는 div 태그 자체와는 다른 div 태그입니다 점 추가 후 점을 선택하면 계속 유지됩니다

계속 추가 계속 추가 계속해서 다시 보여 드리겠습니다 DOM은 dev 태그에 HTML을 보도록하겠습니다 내가 추가하고 싶었던 것은 사실이 후에 추가되었습니다 예를 들어 실제로 이렇게하자 알았어 그래, 다시 울리면 오른쪽에 오른쪽에 추가 될거야 외부가 아니라는 것을 기억하는 것이 매우 중요합니다 이것을 제거하고 이전에 무슨 일이 일어나기 전에 가자 다시 한번 우리는 방금 보았던이 방법을 이전에 가르쳤습니다

슬라이드에 문제가 없는지 보도록하겠습니다 이제이 전에 추가됩니다 전에 무슨 일이 일어나고 있는지 전에 보자 지금은 상자 밖에 있습니다 더 이상 안에 있지 않습니다 텍스트는 초보자에게 매우 혼란 스러울 수 있습니다

지정된 요소 바로 다음에 태그가있는 요소 태그 외부에서 선택하기 전에 다음 태그로 넘어갑니다 뒤집다 그래서 upend는 다시 화가 났고 화가는 여기에서 보류중인 색상 상자 안에 추가한다는 점과 비슷합니다 원래 dev 태그 내에서 정의는 지정된 요소에 마지막 자식으로 요소를 추가합니다 그래서 계속해서 자식으로 추가됩니다 하지만 이걸 음소거합시다 요소가 정착하기 전에 부착 된 필을 붙잡기 위해 부모를 추가하십시오 특정 요소가 명확하기를 희망하므로 그 내부에 있는지 확인하십시오

추가하려는 특정 태그 또는 추가 태그 그 밖에는 펜던트 앞에 붙인 후의 주요 차이점입니다 우리가 사용할 수있는 또 다른 매우 유용한 jQuery 메소드 HTML Dom에서 속성과 속성을 조작하는 것은 attr 속성입니다 메소드를 사용하면 값을 얻거나 태그에 값을 설정할 수 있습니다 또는 이미지 태그 또는 모든 종류의 시간을 제외하고 어떤 종류의 문제인지 유용한 것은 일종의 링크 목록이 있고 어떤 조건을 기반으로 다른 것을 대체하거나 원하는 다른 것으로 변경하십시오 예제부터 시작하겠습니다 태그 전문가라도 알았어 여기 목표는 공백 이다 yahoocom Yahoo 그리고 여기에 IIT 버튼이 있다고 가정합니다

링크 수정이라고합시다 우리는이 코드를 모두 사용할 수 있습니다 거기에 우리는 단순히 물고기를 쓸 수 있습니다 고침 수정 점 클릭 기능 그리고 그들은 모든 속성을 찾을 수 있습니다 그리고 모든 a 태그와 대상을 측면으로 설정 그래서 어떻게되는지 보자 대상이 비어 ​​있지 않아 이 yahoocom을 클릭하면 바로 눈앞에서 변경됩니다 이것이 자기 자신이거나 심지어 자기 자신 인 경우 대상 속성이 변경됨 그들은이 둘을 변경하기 위해이 일을하고있다 당신이 할 수있는 또 다른 일은 먼저 값을 얻을 수 있지만 target은 첫 번째 콘솔 점입니다

이 값을 기록하고 우리가 콘솔에 얻는 것을 보아라 맞습니다 우리는 실제로 첫 번째 경기를 얻었습니다 공란으로 만드십시오 두 가지 다른 종류의 값이 있으면 내 링크 수정을 클릭하고 다시 우리는 스스로를 얻습니다 첫 번째 경기에서 여러 경기가 선택되므로 목표 값 프로토콜이면 태그를 가지고 속성을 설정 -물림쇠 그래서 당신은 그것이 흥미롭게도 속성을 비운다는 것을 알 수 있습니다

마지막으로 설정하면 Google에 설정되지 않으므로 마지막으로 설정됩니다 기다려 봐 너무 죄송합니다 둘 다 설정되어 있고 비어있는 경우 일치하는 항목이 여러 개인 경우 첫 번째에서 멈추고 첫 번째에서 멈추고 그렇지 않기 때문에 비워 둔다 HTML 태그를 배웠기 때문에 다른 말을 할 수도 있습니다 우리가 볼 수있는 도트 HTML을 달러라고 말할 수 있거나 이것을 할 수 있습니다 이것을 로그 아웃하고 실제로 어떤 것을 선택했는지 확인하십시오 우리는 이것을 클릭했다 이것으로 본질적으로 우리에게 두 가지 모두에 대해 대신 시도해 보도록하겠습니다 이 조건이 설정되어 있지 않기 때문에 첫 번째 값만 반환합니다

자체 문서가 있지만 사실은 매우 중요합니다 우리가 attr을 다루고 있다는 것을 기억하십시오 그것을 사용하는 것은 첫 번째로만 이동하지만 설정하는 경우 그것을 사용하는 것이 일치하는 모든 요소를 ​​설정하므로 밖에서 했습니까? 아니면이 문제는 해결 될 것입니다 그렇지 않으면 갈 것입니다 가치를 얻을 때마다 각각에 개별적으로 이제이 중 하나에서 사용할 수있는 다양한 방법이 있습니다

선택한 요소에서 속성을 제거하여 속성을 제거합니다 그런 다음 특정 요소에 특정 클래스가 있는지 확인하는 클래스가 있습니다 클래스 추가가 없습니다 클래스 제거 클래스가 있습니다 클래스 프는 기본적으로 클래스가 존재하는지 여부를 확인합니다

존재하는 경우 추가하면 제거됩니다 소품도 있습니다 jQuery 16에 도입되었으며 attr 메소드가 내부적으로 속성 prop이라고하며 세트의 첫 번째 요소에 대한 특성 값을 가져옵니다 으깬 요소로 인해 이것이 우리가 관찰하고 있던 것입니다

으깬 요소 집합의 첫 번째 요소 또는 하나 이상의 속성 설정 모든 측정 요소마다 동작이 시작되는 위치입니다 attr은 내부적으로 brop prop을 호출하고 매우 명시 적으로 말합니다 여기에서 첫 번째 요소의 속성 값을 얻습니다 으깬 요소 또는 일반 속성 세트의 첫 번째 요소 크게 다른 모든 마스터 요소에 대해 이 예제에 대한 몇 가지 예제를 빠르게 실행하면 무엇이 속성을 제거하는지 봅시다 이 방법들 각각은 빠른 데모 목적으로 사용됩니다

속성 제거를 위해 ID가 있다고 가정 해 봅시다 어떤 이유로 든 ID 속성을 제거하고 싶었습니다 이런 식으로 당신은 attr을 제거 할 수 있습니다 그리고 우리는 ID를 줄 수 있고 그것이 있는지 보자 그것을 제거하거나하지 않기 때문에 현재 ID를 말하고 있습니다 우리는 반지를 아이디어로 고칠 수 있습니다 HF를 제거하라고하면 한계가 제거됩니다 리프가 제거되었습니다

이제 링크에 에지 스트레스가 없습니다 그것은 또한 대상을 제거하고 그들도 제거됩니다 다음은 클래스가 있으므로 클래스 이름을 전달해야한다고 가정하겠습니다 그들은 그것을 칼라 박스라고 부르고 그들은 오스카라고 부르며 그들은 말합니다 클래스가 true와 같으면 다음과 같은 것을하고 싶습니다 클래스로 사용할 수 있으므로 클래스를 추가하거나 클래스를 제거하겠습니다 나중에 수업을 제거하겠습니다 고든 링크라고 불리는 클래스에서 차가운 클래스 간단한 데모는 우리가 그것을 호출 할 것입니다 나는 그것의 색깔을 줄거야 이미 존재하는 것을 제거하여 금이 있는지 확인합니다

클래스가 true로 설정되면 클래스를 제거합니다 우리는 클래스 콜드 링크를 추가 할 것입니다 Google이 표현되는 방식에 이미 약간의 차이가 있음을 확인하십시오 여기 CSS가 변경되었습니다 관찰하면 링크 수정을 클릭하십시오

사라지고 Colden 링크 클래스가 적용되었습니다 스타일 하나 네 철자 실수를 했어요 지금 시도해 보도록하겠습니다 나는 일반적인 것을 사용하기 때문에 둘 다에게만 주어지지 않았습니다 바로 수업과 모든 것을 추가하고 있으므로 이것을하지 않는 것이 좋습니다 대신에 그들이 이렇게 선택하고 가서 토치 후 수업 용 유리 빠른 제거 도트 유리 골든 링크 추가 이 방법으로 우리는 야후 태그가 아닌 Google 태그에만 태그를 추가하려고합니다

태그를 선택 했으므로 우리는 클래스를 제거한 다음 추가 한 후 달러 점이라고 말했습니다 그것에 대한 또 다른 클래스와 그 수정은 다음에 할 수있는 것입니다 우리는 토글 클래스를 달러화했습니다 수업 후 그것을 추가하지 않는 그것을 제거 한 스위치에서 다른 스위치로 어떻게 바뀌 었는지 볼 수 있습니다 또 다른 사람은 그것을 황금 링크라고 부르지 않습니다

다른 하나는 총 플러스 색상 상자이므로 체인을 기반으로합니다 여러 효과를 함께 연결하고 있으므로 이제는 완전한 스위치입니다 구글 야후에서 내가 당신에게 사람에게 물어 보자 기숙사에 따라 변할 때마다 이 일이 계속 일어날 횟수 내가 보았던 예에서 볼 수 있듯이 슬라이드로 다시 돌아가 봅시다 방금 보여 드린 약간 다른 예를 따르고 있습니다 당신의 끝에 밖으로 나와 결과를 보거나 내가 준 예를 시험해 볼 수 있습니다 또 다른 하나는 복제하는 것이고 다시 복제하는 것이 매우 유용합니다

요소를 사용하면 전후에 또는 기본적으로 무언가를 수행 할 수 있습니다 복제하려는 경우 하나의 특정 링크를 가정하거나 복제하려는 경우 HTML 태그이므로 도움이되는 것이므로 이것을 복제하여 변경하십시오 링크와 이것을 제거하자 이것을 제거하고 우리가 할 일은 점이 날렸다 고 말할 것입니다 좋아, 어쩌면 나중에 삽입 할 수 있습니다 태그 자체이므로 어떻게 작동하는지 봅시다 왜 그렇게 되었습니까? 첫 번째는 모든 전자 태그를 선택하는 것입니다 모두를 포함하여 대신 작성자 IDE가 원래라고 가정 할 수 있습니다 마스터라고하면 해시 태그 마스터 또는 클론이라고 할 수 있습니다

다운스 그리고 나는 이것을 할 수 있습니다 이제 해시 태그 대출 후 삽입됩니다 그것이 작업 후 추가 또는 후에 보자 괜찮아 후 작동하지 않습니다 추가가 작동하는지 봅시다 아 맞다 그래서 그 후에 작동하지 않을 것이다 계속해서 추가하고 또 다른 것이 있다고 가정 해 봅시다 그것에 설정된 종류의 이벤트와 그것에 관한 모든 종류의 데이터 그런 다음 복제본을 설정해야합니다 기본적으로 복제본을 진리의 부울로 전달해야합니다 이벤트를 복사하는 것은 거짓이므로 버튼이있는 경우 복사 또는 그것은 그 상자 중 하나입니다

이것은 우리가 방금 만든 것이고 당신은 노력하고 있습니다 그 상자를 복사하고 후속 상자조차도 그것에 응답하기를 원합니다 복제 상자를 이벤트로 설정하려면 복제를 true로 설정해야합니다 이것으로 시도해 봅시다 방금 후에 이것이 필요하다는 것을 알았습니다

추가하고 지금은 상자 안이 아닌 상자 뒤에 추가해야한다고 생각합니다 우리는 이것을 복제하고이 것을 삽입해야합니다 칼라 박스 다음에 삽입하겠습니다 이 상자를 클릭하면 아무 일도 일어나지 않으면 색상 상자 뒤에 삽입합시다 이 상자를 클릭하면 다른 상자가 나타납니다 새로 고침 하나의 상자를 여러 상자 축소해도되지만 다른 중복 상자 아무 일도 일어나지 않습니다이 상자를 클릭하면이 상자 아무 것도 그렇게되면 나는 이것이 사실이라고 말할 필요가 있습니다

이 중 하나를 클릭하면 복제됩니다 이것은 이벤트 핸들러를 추가하기 위해 복제합니다 다시 한번 미안 기다려이 후 이제 이것들이오고 있습니다 이것들이 밖에옵니다 다음으로 이동하여 요소를 이동하는 두 가지 접근 방식이 있습니다

기숙사는 다른 요소에 대해 일치 요소를 배치하고 다른 하나는 마스터 요소를 기준으로 요소를 배치하므로 기본적으로 일치 요소를 가져 와서 상대적으로 배치한다는 것입니다 다른 요소로 이동하거나 마스터 요소와 관련이 있으며 여기에서 추가 및 추가 위치 그림은 지금 둘 사이에 약간의 차이가 있습니다 jQuery는 달러 도트라고 불리는 매우 유용한 것을 제공합니다 각각은 전통적인 N 또는 for 루프 for Java를 대체합니다 스크립트를 작성하고 실제로 우리를 도와줍니다 빨리 해봅시다 여기에 대한 데모와 이것이 작동하는 방식은 num list가 1 쉼표 2 쉼표 3 쉼표와 같다고 가정합니다

4 쉼표 5 6 그리고 나는 각각에 달러를 말할거야 나는 그것을 마비 기능에 전달하고 인덱스가 될 것입니다 우리는 단순히 콘솔 도트 로그 인덱스와 값을 말해 줄 수 있습니다 결과를 확인하십시오 콘솔을 보자 0은 1 1 2 2 3 3 4 4 & 5 5 & 6 그래서 I의 초기화를 사용하지 않고도 눈의 특성을 볼 수 있습니다 당신은 당신을 반복 할 수 있습니다 0 증가 감소 연산자와 같습니다 당신이 반복하는 색인과 가치를 제공하는 모든 것을 생각하십시오 어떤 종류의 기능을 수행하는 경우 특히 유용 할 수 있습니다 프로그래밍하고 자연스럽게 링크 세트를 반복 할 수 있습니다

매우 일반적인 것입니다 목록 요소의 모든 종류의 요소 내가 원한다면 Dom이나 문서 객체 조작의 맥락에서 유용 동맹국 전체 목록에 루프가 있다고 가정하면 이것이 슈퍼가 될 것입니다 유용하므로 빨리 사용해 봅시다 여기에리스트가 있습니다 여기 저기 놓아주세요 음소거하겠습니다 지금 음소거하겠습니다

내가 할 모든 동맹국을 선택하고 점을 호출 할 것입니다 그들 각각과 나는 갈 것입니다 그래서 그것은 인덱스와 요소를 줄 것입니다 확인하려면 먼저 요소를 점으로 표시하십시오 우리의 각 요소 안에 무엇이 있는가? 알았어 우리가 먼저 오는 것을 보자 추후 조치 오른쪽에 Li 태그가 하나씩 있습니다 거기에 jQuery 함수가 있는지 살펴 보겠습니다 당신은 일을 계속 시도해야합니다 그리고 나는 아주 아주 중요한 것은 실패가 있다는 것입니다 특정 일이있을 가능성이 있습니다

작동하지 않지만 낙담하지 마십시오 빨리 맞아 두 번 시도해보십시오 한 가지가 작동하지 않지만 무언가 그렇지 않으면 처리하는 내용을 더 잘 이해할 수 있습니다 그래서 당신이 여기로 가고 있다는 것이 어떤 유형인지 살펴 봅시다 그것은 개체이므로 그리고 la 타입으로 이제 다양한 일을 할 수 있습니다 이것을 처리하는 또 다른 방법은 JavaScript 에서이 변수를 사용하는 것입니다

이제 우리가 여기서 얻는 것을 보자 이제 우리는 구글 야후와 아마존을 얻는다 패스 클래스 황금 링을 확인할 수 있습니다 각 요소에 대해 그렇게하지 마십시오 토글 걸쇠를 해봅시다 각 요소는 agra floss에서주의를 기울입니다 우리가 각각의 리를 다루고있는 UL은 물론 태그 자체는 파란색으로 표시되므로 누군가가 여전히 파란색으로 보이며 노란색이 아니라고 혼란 스럽습니다

외부 루프를 덮어 쓰기 때문에 각 루프를 교환했습니다 본질적으로 우리는 다른 다리가있는 나무 다리와 수업을 나누었습니다 특정 시간에 일치하는 요소 세트에서 선택하는 EQ입니다 우리가 추가하고 싶었다고 가정하고 두 번째에만 추가하고 싶을 때 첫 번째가 아니므로 우리가 이것을하는 방법은 이것을 잠시 잊어 버리는 것입니다 이것은 기본적으로 전체 작업을 반복하는 것입니다 대신 할 수있는 일 이와 같은 코드를 추가 할 수 있고 점과 같습니다

플러스 나무 링크 그래서 그것은 자연스럽게 제로 인덱스 인 것으로 선택되었습니다 사용할 수없는 색인으로 설정하면 0을 선택합니다 아무것도하지 않으므로 요소 목록에서 특정 항목을 선택할 수 있습니다 일치시킬 수 있으므로 실제로는 필터로 작동합니다 우리가 만지고 싶지 않거나 원하지 않는 다른 요소들을 이제 조작 할 수있는 필터라는 또 다른 기능이 있습니다 그 자체로 선택자를 전달할 수 있으므로 도트 EQ는 기본적으로 지정된 인덱스이므로 배열과 비슷하다는 사실을 고려해야합니다

여기에 반환되는 배열과 같습니다 우리는 배열의 두 번째 요소 만 원하거나 일치하는 기준이 조금 다르다고 가정 해 봅시다 이 안에 내가있는 동맹국을 선택하고 클래스는 모든 합금을 걸러 내고 중산층이 있으니 가정합시다 실제로 중간 스타일에 스타일을 추가한다고 가정 해 봅시다 우리는 밝은 파란색으로 색상이 지정되고 일단 도달하면 골든 링크의 걸쇠를 토글하세요 우리가 어려움을 겪은 것처럼 나는 점을 그리워한다 당신이 선택하기 위해 중간을 볼 수 있도록 작성 그래서 EQ는 우리가 선택할 수 있습니다 하나이지만 세트 내에서 여러 개를 선택하려면 앞으로 두 개를 선택하면 호수 필터로 이동합니다

여기서 EQ로 특정 기준을 지정하는 모든 요소는 한 번에 하나의 색인 만 자연스럽게 사용할 수 있고 여기에 어떤 인덱스가 있는지 알고 싶다면 필터를 사용하십시오 중산층을 가진 모든 요소를 ​​내게주는 조건을 설정하십시오 이 경우와 같이 여러 요소가 될 수 있습니다 특정 항목을 확인하는 것으로 불리는 것이 있습니다 따라서 CSS를 설정하거나 추가 작업을 수행 할 수 있음을 알 수 있습니다

이 경우 자손을 확인하고 일치하는 요소를 기반으로하는 요소를 찾으면 피고인에게 특정 일을 할 것이므로 여기에 예를 들어 내 li에 다른 Yule 타일 세트가 있으면 아마도 그것에 CSS를 설정하고 싶을 것입니다 아마 그것에 CSS를 설정하고 싶습니다 실제로이 예제를 직접 시도해 보도록하겠습니다 마지막 것이이 직선이 아니라고 가정하자 당신은 그 안에있을 것이고 그것은 그들이 뭔가 말한다 웹 사이트는 국가를 기준으로 웹 주소를 만들어야합니다

그들은 아마존 프랑스 아마존 도트를 제공하고 있다고 가정 해 봅시다 Amazon이라는 또 다른 하나는 우리에게 지금 우리가하고 싶은 것은 우리가하고 싶은 것입니다 ul 괜찮아요이 Li ul 다음 나는 배경색의 속성을 밝은 회색으로 설정하고 싶습니다 또는 배경색을 설정할 수있는 스타일 이외의 스타일로 만들도록하겠습니다 회색처럼 실행 해보자 CSS로 시도해 봅시다 그래서 우리는 그것을 설정하지만 바로 이것이 작동하므로 배경색이 이 속성은 ul 태그에서 작동하지 않으므로 작동하며 배경을 설정했습니다 테두리는 이것과 지금은 여기 누가 배경색을 시도하자 어딘가 철자 실수로 다시 시도해 보았습니다

똑같은 파란색을 시험해 봅시다 그래서 지금 작동합니다 UL에는 적용되지 않지만 Li 레벨에서는 적용되지 않습니다 부모에게 적용하는 자녀에게 적용하지만 귀하는 필터링하기 특정 요소를 기준으로 필터링합니다 우리가 지금 공격하고 싶지 않은 것은 마스터 요소는 매우 간단합니다 모든 것을 위해 이것을하고 싶다고 가정 해 봅시다

중간에 있지 않으므로 반대입니다 여기에 세 번째 하나가 선택되고 다른 하나는 당신은 충분히 공평하다는 것을 알고 있으므로 jQuery는 데이터 API를 지원합니다 html5에 도입되어 데이터 속성을 설정하거나 데이터 속성을 가져올 수 있습니다 설정 한 HTML에서 예제를 보도록하겠습니다 조금만 설명해 드리겠습니다 자 이제 이것을 주석으로하겠습니다 여기에 두 개의 버튼이 있습니다

데이터를 개발에 전달하고 다른 하나는이를 제거하고 클릭 이벤트를 제거합니다 테스트 객체 대신 동일하게 설정하면 다음과 같이 할 수 있습니다 데이터 그들은 신 200으로 그것을지지하고 우리는 이것을 하나님의 데이터를 얻고 자합니다 우리가 무엇을 얻을 수 있는지 확인하십시오 이 특정 개발에 대해 이야기하고 그것에 뭔가를 추가하자 예를 들어 ID 태그 게이트를 추가하고 그렇게 사용합시다 다른 것과 혼동하지 않습니다 당신 이 특정 div 태그에 데이터를 설정해야합니다 이와 같은 객체를 전달한 다음 버튼을 클릭하면 관련 데이터가 있으므로이 작업을 가정하여이 0을 제거하겠습니다

이것을 클릭하면 효과가 있습니다 콘솔과 마찬가지로 데이터 속성을 사용하는 방법이며 여기를 사용하여 여러 가지를 설정하십시오 사실 그들은 내가 항목을 말한 다음에이 작업을 수행 한 후에도 할 수 있다고 가정합니다 항목을 다시로드 할 때 항목에 첨부하면이를 이동 한 다음 둘 다 표시합니다 그들 중 그래서 장바구니에 200, 다시 오는 항목에 대해 300 그래서 jQuery도 show / hide와 같은 많은 효과를 제공하며 Dom 요소를 표시하거나 숨기면 물론 가능한 요소를 제거 할 수 있습니다 표시하거나 숨길 수있는 요소를 추가하십시오 매우 일반적으로 사용되며 두 가지 매개 변수가 필요합니다

함수는 두 가지 매개 변수를 사용합니다 하나는 속도가 느리다는 점에서 속도입니다 또는 빨리 또는 즉시 당신이 표시하거나 표시하지 않으려는 그들이 보여 지거나 숨은 후에 추측되는 경우를 대비하여 함수를 취합니다 표시되는 요소를 기반으로 다른 작업을 수행하거나 숨겨진 코드이므로 모든 코드를 실행할 수있는 콜백 함수가 제공됩니다 요소가 표시되거나 숨겨진 후에 실행되어야합니다

내가 할 일의 예는 상자에 HTML을 설정한다는 것입니다 우리가 상자에하자 모든 상자를 보여 드리겠습니다 네 용기에 담아서 그들은 라인 잠금을 해제하고 컨테이너를 줄 수 있습니다 지금은 비워 두지 않았습니다 채울 필요가 있는지 확인하겠습니다 우리의 페이지는 지금 보입니다

우리의 페이지는 다음과 같습니다 버튼을 제거하겠습니다 데이터 예제에 사용했던 태그이므로 이제 쇼 박스의 ID에 버튼을 추가합시다 상자를 숨기는 버튼 그들 사이에 약간의 공간을 줘 보자 어떻게 주도하지만 포기 포기 내가 용감한 소년이야 여기도 괜찮습니다 이제 여기에 두 개의 버튼이 있습니다 스크립트 이것을 가지고 주석 처리 한 곳으로 옮기자 이것으로 주석을 달자 여기에 다시 올 것이다

이 상자를 다시 클릭하면 이벤트가 표시됩니다 이제 우리가하고 싶은 것은 그 전에 숨기기 상자에 대해서도 정의하겠습니다 색상 상자 클래스와 관련된 것은 그것을 숨기면 색상 상자 클래스 쇼와 비슷하게 말할 것입니다 그것은 오 우리가 노력하지 않는 것 같습니다 시도 ID 태그를 놓친 이유를 파악하는 것이 매우 중요합니다 코드가 즉시 작동하지 않는 경우 어리석은 실수 태그를 놓쳤는 지 다시 시도하지 않든 박스가 숨겨져 있습니다 박스가 숨겨져 있는지 확인하십시오 이것은 갑작스런 무릎을 sort는 반응이며 바로 반응합니다 우리가 어떤 종류를 추가 할 수 있다면 대신 들어오고 나갑니다

점진적으로 발생하는이 동작의 속도가 느려지므로 500을 더합시다 우리는 각각의 상자에 밀리 초 우리의 상자를 숨겨 차이를 봐 갑자기 들어오고 나가는 것이 더 사용자 친화적 인 것처럼 보입니다 천천히 2,000으로 만들어 봅시다 그 움직임에 따라 쉽게 달래기 때문에 일정한 속도로 사용자가 이전과 같이 각 오크 트리 작업을 수행하지 않는 것이 매우 좋습니다 다음에 나타나고 사라지는 것처럼 지금 다른 것은 이 두 버튼을 결합하여 토글 할 수 있습니다 상자 또는 놀이는 그것을하지 말고 다른 것을 만들 수 있다고 가정하자 토글 박스라고 부르는 버튼은 이제 다른 이벤트를 추가하겠습니다

우리가하려는 것은 두 개의 상자를 두 가지로 정의하는 대신 버튼은 본질적으로 토글 토글을 할 것입니다 jQuery는 기본적으로 둘 중 하나이므로 숨겨져 표시됩니다 그들이 표시되면 숨길 것이므로 토글 해 봅시다 회전 시키자 바로 하나의 버튼으로 톰 레벨 그들은 개에서 삭제되지 않습니다 그들은 여전히 ​​존재하지 않습니다 다시 한번 display : none 속성이 추가됩니다 모든 것이 있고 토글에서 JavaScript를 통해이 작업을 수행합니다 기능 페이드 아웃 페이드 아웃 페이드 아웃 다른 기능이 있습니다 어떤 종류의 다른 종류의 애니메이션이있는 그들 각각에 영향을 미치므로 빨리 보도록하겠습니다

어떤 영향을 미치므로 대신 대신 음소거하십시오 우리는 페이드 아웃을 할 것이고, 페이드 할 것입니다 칼라 박스에 넣었으니 이제 의도는 박스 페이드 인 또는 페이드 페이딩 효과가있는 것을 확인하십시오 움직임이 눈에 띄면 이전에했던 것과 다릅니다 다시 숨기면 매우 달랐습니다 왼쪽 상단으로 갈수록 사라지지만이 영역에서 시작합니다 그리고 이것과는 아주 다른 방향으로갑니다 이제 이것들은 미묘한 차이점이지만 프런트 엔드는 작은 차이에 주목하면 큰 결과를 가져올 수 있습니다 그런 다음 웹 사이트의 사용자 인터페이스 및 사용자 경험에 영향을줍니다

먹이를주고받는 대신에 먹이와 믿음도 있습니다 점차적으로 오브젝트의 불투명도를 변경합니다 우리가 의미하는 것은 그것이 여전히 존재한다는 것입니다 그러나 불투명도는 줄어들 것이므로 이것을 시도해 봅시다 그들은 존재하지만 불투명도는 05이므로 이제 1입니다

상황은 지금 쇼 박스에 대해서도 동일하게 할 수 있거나 내가 이것을 할 때 발생하므로 정확하게 아무것도하지 않습니다 내가 그 반대를하고 싶다면 대신 이미 저기에 있습니다 이 작업을 수행하기 위해 스케이트를 타도록하겠습니다 페이드 아웃에서 스케이트를 타십시오 웹 사이트에서 버튼이나 다른 영역에 대해 볼 수있는 상태 사용 여부 또는 사용 중지 여부 섹션 슬라이드 다운 슬라이드 업 및 슬라이드 토글이라고하는 기능도 있습니다

이것들 슬라이드를 잘 해봅시다 슬라이드를 해봅시다 그리고 502 번에서 슬라이드를하겠습니다 여기에서도 비슷하게 슬라이드로 이어집니다 아래로 밀어 넣는 방법을 확인했습니다 다시 다른 종류의 애니메이션 효과이며 이제 슬라이드를 밀어 올렸습니다

서랍처럼 슬라이드 아웃 슬라이드 업 및 슬라이드 토글 기본적으로 현재 상태에 따라 두 가지 중 하나를 우리는 비슷한 방식으로 토글을 사용했습니다 마지막으로 jQuery에는 도트 애니메이션 기능이 있습니다 숨기기 쇼 페이드 인 / 페이드 슬라이드 업 슬라이드 다운은 당신에게 제공되는 일종의 애니메이션입니다 상자에서 바로 꺼내지 만 무언가를 극적으로하고 싶다고 가정 해 봅시다 상자 크기를 원하는 애니메이션 효과를 원했습니다 일정 시간 동안 특정 크기에서 특정 크기로 자라는 상자 그래서 당신은 이것을 원했습니다 그래서 현재 애니메이션 박스들은이 박스들 각각이 250 픽셀이지만 그는 성장하기를 원했습니다-한숨-20에서 270 픽셀을 가정 해 봅시다

도트 애니메이션이 도움이 될 수 있도록 일종의 효과를 만드는 밀리 초 그것이 작동하는 방식은 원하는 속성을 취하는 것입니다 첫 번째를 변경하는 것은 변경하려는 속성입니다 우리가 전에 보지 못했던 콜백 함수 콜백 함수를 구현하십시오 조치를 취하겠습니다 애니메이션을 추가하고 추가해 보겠습니다

상자 애니메이션 및 버튼 애니메이션을 호출 한 다음 애니메이트 여우가 애니메이트를 가르쳤습니다 클릭 이벤트를 터치해야합니다 버튼 일 뿐이므로 색상 상자로 불러야합니다 하지만 애니메이션 먼저 픽셀 너비를 늘리고 싶다고 생각하는 간단한 것을 해 봅시다 그게 다야 우리는 아주 느리게 일어나길 원합니다 밀리 초는 어떻게 우리가 스핀을 고수하는지 알아 봅시다 이 특정 줄에서 구문에 오류가있는 것처럼 보입니다

알았어 나는 그것을 나쁘게 함수로 선언하지 않았다 미안해 이것을 시도해 보자 아니 다시 편집 그래 코트 사이를 유지해야한다고 생각해 그래서 당신은 어떻게 가장 뜨겁게 매우 느리게 일어 났는지이 시도를 알 수 있습니다 이 시간에 다시 2 ~ 300 픽셀의 시간을 유지하십시오 상단에서 약 40 픽셀만큼 움직이기를 원한다고 가정 해 봅시다

동시에 우리는 위치를 절대로 설정하기를 원합니다 작동하지 않는 것 같습니다 대신 마진을 올리십시오 심각한 갈등을 일으킨다면 네 알았어 내가 그렇게 앉아 있어야한다고 생각해 자 이제 별을 움직여서 아래로 내려 가서 동시에이 작업을 수행하면서 불투명도로 08로 변경하고 싶었습니다

아니면 좀 더 극적인 것으로 생각합니다 CSS에서 원하는 것과 같이 속성이 여기에서 말해지고 있습니다 여기에 어떤 애니메이션이 있는지 이해하려고 노력합니다 애니메이션은 단지 모든 스타일의 위치를 ​​변경하는 것입니다 특정 시간에 특정 HTML 태그를 사용하면 이것이 최종 목표입니다 이것이 최종 CSS 속성입니다

당신은 그것에 설정을 끝낼 것입니다 그리고 당신은 또한 그것을 결정하는 특정 시간에 수행되기를 원합니다 인라인 블록 대신 애니메이션 속도를 표시하십시오 display : block은 많이 바뀌지 않거나 인라인으로 시도해 봅시다 정렬 방식에 큰 차이가 있습니다 여러분이 정말로 일어나길 원한다면 애니메이션이 실제로 내려 오는 것입니다

빨리 당신은 시간을 변경하고 그것은 일어날 것입니다 그래서 당신이 무엇에 따라 달라집니다 우리는 그것을 달성하고 싶습니다 도트 애니메이션이하는 일입니다 물론 여러 애니메이션을 서로 변경할 수 있습니다 애니메이션하고 다른 것이 될 수있는 것보다 다른 것이있을 수 있습니다 그것들을 함께 결합하십시오 그것은 그것이 무엇을 의미하는지에 따라 다릅니다 html5를 사용하면 유효성 검사가 약간 쉬워졌습니다

이러한 기능을 체크 아웃하지 않은 경우 경우에 따라 html5에서 사용 가능한 양식 유효성 검사를 확인하고 확인하십시오 그러나 html5 유효성 검사가 실패하므로 본질적으로 할 수있는 일은 유효성 검사를 수행하기 위해 HTML 태그의 속성을 설정할 수 있지만 때로는 유효성 검사가 실패하거나 매우 사용자 지정이 필요하거나 시나리오가있는 경우 그것들을 사용할 수 없으며 jQuery는 JavaScript 단계이며 허용되는 곳입니다 자신의 사용자 지정 규칙과 규정 및 요구 사항을 사용하여 유효성 검사를 수행 jQuery 유효성 검사에 대해 먼저 이야기하십시오 양식의 값 또는 양식에 값을 설정해야하며 다루는 분야의 종류에 따라 다양한 방법으로 수행 할 수 있습니다 내가 가진 것은 다양한 필드를 포함하는 데모를 설정하고 각각을 사용하여 변수 값을 가져오고 설정하려고했습니다

이 필드를 살펴보고 검사하고 jQuery를 얻으려면 이름 열을 입력하십시오 입력을 얻으려면 이것을 지우십시오 변수 이름 나는 단순히 이것을 할 수 있으며 물론 가치를 보여주지 않는다 여기에 아무것도 넣지 않았으므로 사슴에 컵을 넣고 와우 우리는 이미 Rekha를 보았습니다 유레카 Inc

이름 상자의 값이 바뀌 었음을 알아 차 렸습니다 다시 그래서 이것을 사용하여 설정하거나 값을 얻을 수 있음을 알았습니다 이 필드를 임의의 단어로 망고로 변경한다고 가정 해 봅시다 JavaScript로 가치를 얻을 수 있음을 잘 알고 있습니다 다음은 비밀번호 필드이므로 hTML이 특수 필드임을 알 수 있습니다

비밀번호를 숨기고 비밀번호를 숨기려면 어떻게해야하는지 또는 암호 필드의 값을 설정하여 여기에있는 필드를 HTML을 살펴 보겠습니다 HTML은 유형이 암호임을 설정합니다 1 2 3 4 5 6과 같은 암호는 매우 안전한 암호는 아니지만 데모에는 적합합니다 목적과 내가 가치를 얻어야한다면 이것이 내가 얻을 수있는 방법이다 충분히 선택하면 텍스트 필드와 거의 비슷하므로 선택해야합니다

입력 암호를 ​​사용하지 않는 한 또는 다른 형식을 사용할 때까지 ID 또는 클래스 일 수 있지만 유형별로 선택하는 경우 선택기 입력하면 텍스트 상자와 비밀번호 사이에 약간의 차이가 있습니다 같은 값을 가져오고 설정하는 것은 텍스트를 영역으로 만드는 경우입니다 텍스트 영역에서 멋진 입력을 사용하여 값을 가져와야합니다 다음 값을 전달하여 라디오 버튼을 덮겠습니다 여기에 두 개의 라디오 버튼이 있습니다

is 키워드를 사용하고 있는지 확인합니다 바로 그것이 내가 처음으로 확인하도록 확인되지 않았으므로 이제는 사실이됩니다 이 작업을 수행하면 속성을 설정할 수 있으므로 지금 확인하십시오 여기이 라디오 버튼은 false로 설정하겠습니다 지금 일하십시오 여기에 이유가 있습니다

이유는 내가 어떤 것을 선택하지 않았기 때문입니다 하나는 두 개의 라디오 버튼이 있으므로 첫 번째 버튼을 설정해 보겠습니다 당신 TDR 대신에 약간의 차이점이 있습니다 대신 사용해야하는 것은 dot 속성이며 그것을 사용하여 그것을 거짓으로 설정하거나 그것을 사용하여 그것을 참으로 설정하고 기본적으로 입력 라디오가 여러 요소와 일치하기 때문입니다 이것들은 배열처럼 그물 제로 하나를 사용할 수있는 두 개의 라디오 버튼이므로 이 배열의 0 또는 첫 번째 요소에 액세스하여 이제 첫 번째 요소를 쳤습니다

또는 두 번째 라디오 버튼도 마찬가지입니다 이제 그것을 false로 설정하고 한 번에 0에서 같은 것을 할 수 있습니다 다음 확인란은 다시 확인란의 값을 얻을 수 있습니다 원하는 경우 입력 확인란 속성을 추가로 사용하는 확인란 이름을 전달할 수있는 특정 확인란을 선택하십시오 잘 선택하고 똑같이 선택하십시오 그래서 두 개의 확인란이 있습니다

여기서 HTML을 먼저 살펴보고 각각의 값이 다르고 다른 이름을 입력하십시오 값은 HTML에서 자신과 마찬가지로 하나입니다 설정하거나 설정 해제합시다 첫 번째 확인란이 설정되어 있고 마찬가지로 이름을 계속 변경할 수 있으며 각각에 대해 계속 이렇게 할 수 있습니다 확인란을 통해 네트워크가 있는지 여부를 확인할 수 있습니다 one을 모두 0으로 설정한다고 가정 해 봅시다

글쎄 지금은 시간을 설정한다고 가정 첫 번째는 거짓 나는 두 번째가 틀린 것을 보길 원합니다 그리고 이것은 단지 이것은 일반적으로 jQuery 코드를 입력 할 때 보이지 않는 것을 반환합니다 당신이 가치를 저장하지 않는 한 당신의 예술을 의미하기 때문입니다 이것은이 특정 라인을 호출하는 함수이며 이것이 반환입니다 지금 당신은 당신이 무언가를하려고하지 않는 한 그것에 대해 걱정할 필요가 없습니다 JavaScript 또는 jQuery 코드를 작성할 때 일반적으로 지시 사항이라고 부르기 때문에 이것을 보지 못할 것입니다 당신이 가지고있는 경우를 대비하여 반환 값을 기대하지 않고 당신의 양식에 숨겨진 필드 다음 입력 coolin 숨겨진 방법입니다 암호 필드 텍스트와 매우 유사하므로 사용자에게 맡기겠습니다

과제의 일부로 직접 시도해 볼 수 있지만 말 그대로 너무 있습니다 물론 선택 드롭 다운 옆의 숨겨진 부분을 제외하고는 차이가 없습니다 기본적으로 드롭 다운 버튼과 우리가 어떻게 게임을 할 수 있는지 봅시다 그것으로 나는이 작은 HTML을 정리 할 것입니다 아이디어는 곡선입니다 ID로 선택하고 값이 올바른지 확인하십시오

가치가 없다 노트가 우리에게 말하는 것을 보자 가치가 없다 이제 특정 옵션을 선택하지 않았으므로 값은 이미 아이디어는 Kars였습니다 우리는 가치를 얻었습니다

값을 설정하여 값을 설정할 수 있습니다 우리가 설정하고 싶은 가치 기본적으로이 값을 보면 값이 대문자 a의 두 배의 B가 아닌 값은 정확히 같아야하므로 이렇게하면 그리고 지금이 작업을 수행하면 그렇지 않으면 그렇지 않습니다 민감하기 때문에 OD를하고 싶다면 일치하지 않습니다 내가 이것을하면 이것이 효과가 있으므로 실제로 가치를보아야합니다 value 속성으로 옵션을 설정하고 옵션 태그를 설정하려고합니다

선택한 옵션의 선택한 색인을 얻으려는 경우 자신에 따라 드롭 다운이있는 양식을 작성한다고 가정 해 봅시다 특정 일을하고 싶기 때문에 선택한 색인을 얻으려고합니다 다시 선택하자 그리고 우리는 슬레이트 인덱스를 입력하여 Adi가 켜져 있기 때문에 vagus 3을줍니다 4 번으로 3 번이지만 인덱스가 0이므로 설정하면 이것을 2로 설정하면 1로 변경하겠습니다 값을 설정하기 위해 드롭 상자에서 값이 자동으로 변경됩니다

할당을 사용하고 지금 사용하는 값을 잊어 버리는 것은 물론 입력 유형에 따라 이러한 작업이 수행되는 방식에 약간의 차이가 있습니다 당신이 다루고 있고 이것이 선택된 색인 때문에 사물의 본질입니다 여기에있는 속성이므로 입력 상자처럼 값을 정확하게 설정할 수 없습니다 도트 발의 의향에 대해 명심하십시오 여러 곳에서 일하지만 문제를 해결하면 작동하지 않을 수 있습니다 다음에 특정 종류의 입력은 재설정 버튼의 제출 버튼입니다 입력 절삭유 서브넷이 제출 버튼을 선택하고 입력 Col deze 그것은 필수 값이없는 재설정 버튼을 선택합니다 그들 안에 있지만 이것은 기본적으로 더 선택기와 제출 버튼을 선택할 수 있다고 언급했습니다

뿐만 아니라 추가 조치를 취할 수 있습니다 다음으로 살펴보면 다음 비트는 양식 유효성 검사입니다 일단 당신이 양식의 가치를 가지고 있다면 당신은 전형적인 JavaScript는 문자열 평등 또는 원하는 다른 것을 검사합니다 예제를 보면 여기에서 확인하십시오 간단한 예제입니다

이름 값이 비어 있지 않은지 확인하려면 주소를 확인하고 싶습니다 값이 비어 있지 않으며 입력하지 않은 이메일 값을 확인하려고합니다 비어있는 경우 비우고 다시로드하고 싶습니다 이 특정 필드를 검은 색으로 남겨두고 두 번째로 상단에하십시오 유효성 검사는 확인란이며 메시지는 다음과 같습니다 메시지가 표시되면 확인란이 선택하면 메시지가 HTML에 설정됩니다

그렇지 않으면 그렇지 않습니다 비슷한 것이 오히려 모픽 조건 검사입니다 우리가 방금 말한 개념에 대한 검증이지만 일종의 빌드 정규식은 이제 매우 중요하며 찾을 수 있습니다 JavaScript뿐만 아니라 Python Java와 같은 언어에서도 C ++ Ruby 그 문제에 대한 모든 것이 있으며 일반적으로 순서가 있습니다 또한 확인하고 매우 중요하므로 본질적으로 비등하면 C 간단한 문자열 일치는 매우 쉽습니다

빈 문자열을 확인할 수는 있지만 특정 가치는 이메일이거나 그렇지 않아서 조금 어려워졌습니다 즉시 답장을 보내거나 빨간색 기호 추가를 찾은 다음 사용자가 COM 추가를 잊어 버린 경우에는 예외가 있습니다 그래서 당신이 당신의 속도로 강사로 다시 만든 사용자는 무엇이든 그래서 당신은뿐만 아니라 진정을 확인해야하지만 너무 많은 도메인 이름이 있습니다 그래서 당신은 그것에 대해 갈 수없고 나는 레코드 코드를 가지고 있습니다 당신은 당신이 볼 수있는 유효한 이메일로 간주하지 않아야 간단한 간단한 결정을 할 때의 합병증 주어진 가치는 이메일인지 아닌지이며 정규 표현식이 나오는 곳입니다 기본적으로 주어진 문자열 내에서 패턴을 찾는 데 도움이됩니다

인간이 전자 메일을 인식 할 수 있도록 패턴이 있는지 확인 우리가 가지고있는 패턴을 이해하기 때문에 컴퓨터는 그가 아는 ​​것이 무엇인지 실제로 알지 못하므로 알 필요가 있습니다 이봐 당신이 필요로하는 것은 문자열이 될 것으로 예상되는 패턴입니다 가중 된 X가 쓰여지는 패턴이 있거나없는 패턴입니다 해당 언어로 이해되는 특정 문자로 작성된 그것들을 구현한다는 것은 어떤 언어라도 당신에게 정규식의 기능 및 사용할 수있는 기호는 예를 들어 첫 번째 기호는 문자열이므로 주어진 문자열이 항상 시작해야한다고 가정 해 봅시다 알파벳 a는 중간이 아니라 끝이 아니라 문장은 그 끝을 확인하는 것으로 시작해야합니다

당근은 당신이 끝나는 모든 단어를 원한다고 가정합니다 작은 m과 그 다음에 달러가 나오는 곳은 기간 기호입니다 키보드에 보이는 모든 문자와 일치하는 문자 유효한 utf-8 값 플러스는 하나 이상의 문자를 나타냅니다 이름 길이는 5 자리 이상이어야하거나 원하는 경우 이 특정 문자열을 확인 해야하는지 또는 이름은 적어도 더하기 기호가있는 곳에 하나 이상의 문자 여야합니다 당연히 문자열에 달러 기호 자체가 포함될 수 있으므로 당신은 $ 400 $ 300 또는 그 종류의 방법으로 올바른 금액을보고 있습니다

당신은 일종의 정규식에게 그가 당신이 그 일을하는 달러 기호를 무시했다고 말합니다 백 슬래시 물음표는 0 개 이상의 문자를 나타냅니다 그것에 대해 이야기하는 것 이외의 다른 것들에 대한 빠른 시연 이것을 배우는 데 도움이되는 매우 유용한 웹 사이트가 있습니다 여러분 모두에게이 웹 사이트를 방문하려면 무료 x101 com입니다 이것이 정규 표현식을 작성하는 곳이라고 가정 해 봅시다 테스트 문자열을 작성하여 일치하는지 확인하십시오

내가 여러 개가 있다고 말했을 때 선택할 일치 정보를 얻습니다 여러 가지 맛을 낼 수 있습니다 여기에 JavaScript가 있으므로 다음으로 시작하는 모든 문자열을 식별합니다 자본 전자 그래서 알파 베타 쉼표 사과 미국 트레이 예 따라서 단일 테스트 강도는 강도를 제거하고 시작시에만 일치하는 경우 문자열 이므로이 모든 것을 입력으로 제공하지 않습니다 내가 이것을 제거하고 일치하는 항목이 없다고 가정하면 베타를 제거한다고 가정 해 봅시다

Max는 여전히 문자열이 G로 시작하기 때문에 여전히 문자열이 다음과 같이 시작하기 때문에 사과가 너무 많이 일치합니다 이것이 다음 줄이므로 이제 다시 제거하지 않아도됩니다 일치하는 부분이 있으므로 문자열의 끝 부분입니다 문자열이 끝나야하는 특정 문자로 끝나야한다고 가정 C를 사용하면 무엇이든 될 수 있지만 C로 끝나야하므로 EB C가 일치하고 말 그대로 모든 권리가 있습니다 난 그냥 여기에 임의의 횡설수설을 입력하지만 끝이있는 한 바다 나는 그것을 제거하는 순간에 좋다 질량이 사라지면 당신은 작은 C를 얻었다

자본 C 만 자본 C 만 작동 할 수 있습니다 2 3 4 5 7 8 9 10 뒤에 수도 C가옵니다 이 정규식은 이제 내가 시작하는 세 글자를 원한다고 가정 해 봅시다 A를 사용하면 중간에 문자가 있고 가장자리로 끝납니다 그래서 abh는 작동합니다 abb는 작동하지 않으므로 Dotson은 여기에 어떤 문자를 나눕니다

작동해야합니다 하지만 되돌아 가려면 설명에 패턴 일뿐입니다 이것은 패턴입니다 내가하고있는 설명과 이것들은 시험 음료이므로 이해한다면 패턴 설명이 무엇인지 조금 재미있어 보입니다 개별 기호의 의미를 이해하면 이 일치에 대한이 특정 패턴과 일치하는 것입니까? 이 특정 패턴 설명은 내가 말하려고하는 것이지만 이것은 그렇지 않습니다

하나의 문자 만 있기 때문에 작동하지만 앞에 플러스를 추가하면 더하기 문자 수는 하나 이상의 문자이므로 가르친 가르침은 어떤 유형의 캐릭터와 그들 중 많은 수가 발생할 수 있으므로 단일 점 자체는 하나의 문자이지만 도트 플러스는 E와 가장자리 사이에 무한 도트를 쓰는 것입니다 이봐, 어떤 의미의 문자가 enh 그것을 할 것입니다 질량은 계속됩니다 이것이 진행되거나 작아지는 즉시 여기에 가장자리가있는 한 발생합니다 사라졌고 다음은 성가신 캐릭터입니다 사백 달러 또는 나는 어떤 종류의 달러 또는 놀람 다이애나에게 400 달러가 수확량 500과 일치한다고 말해야합니다 100 % 일치하지 않지만 $ 400로 끝나기 때문에 $ 400은 일치합니다

다음 달러는 문자가 0 개이므로 내가 말해야한다고 가정 해 봅시다 그 다음에 캐릭터가있을 수도 있고 그렇지 않을 수도 있습니다 물음표가 맞기 때문에 ABH 인종의 작은 일치입니다 어쩌면 제로 또는 그 이상의 문자는 클래스와 다릅니다 하나 이상의 문자가 물음표가 더 열려 있다고 말합니다

이 후 우리는 당신이 필요한 기본 일치하는 영숫자 일치 우리가 그 안에 보이는 대괄호에 잘 맞는다는 것을 알기 위해 A 또는 B 또는 C 내부의 단일 문자와 일치해야한다고 말하고 있습니다 일치하는 문자열과 일치하는 모든 조건에 가깝습니다 일치하려면 유효한 A 또는 B 또는 C를 포함해야합니다 문자열 지금은 당신이 말하지 않는 한 포인트의 관점에서 문자열의 아무 곳에 나 있습니다 당신이 그것을 원하는 곳에서 시작하기를 원한다면 B 또는 C로 시작하는 문자 그래서 이것은 유효합니다 또한 유효합니다 또한 유효한 권리이지만 유효하지 않습니다

테스트 문자열에서 페이지의 일치 정보를 본 다음 이것은 유효하지 않으므로 a 또는 B 또는 C에서 시작하면 앞에 당근 기호를 넣으십시오 이것은 외부가 아닌 괄호 안에 있습니다 그런 다음 자동으로 정규식 엔진에 시작 할 수 있다고 알려줍니다 이 외에 다른 것을 사용하면 실제로 어떤 길을 가고 있는지에 달려 있습니다 당신이 포함하거나 제외해야 할 많은 문자를 느꼈는지 여부 ABCD에 따라 선택하면됩니다

첫 글자가 아니어야합니다 아마 두 번째 옵션이 더 좋습니다 첫 번째 옵션에 대해 나머지 22 개의 알파벳을 모두 쓰는 것을 알고 있으므로 당신은 당신이 결국 이런 식으로 쓰는 것을 말해야했다 23 개의 다른 문자 나 언어로 된 글을 쓰면 흥미롭게도 E-Z라고하면 범위 소문자 e의 문자가 대문자 e-말과 숫자가 있으므로 다른 것은 작은 식물입니다 당신이 정말로 그들을 시도하고 무엇을 할 것인지에 관해서는 내가 제안하는 것을 사용할 때 이미 정규 표현식을 사용한 경우 그때 나는 그 질문에 대한 답을 거의 알고 있다고 생각하지만 그것은 당신의 끝에 상황에 의존하지 않을 것입니다 당신이 처한 상황과 실제로 도움이되는 것은 연습을 연습하는 것입니다

연습을 계속하면 여기에서 찾을 수있을 것입니다 연습 문제가 있거나 과제가 그렇게 할 것이라고 생각합니다 정규식을 배우는 가장 좋은 방법 인 동일한 매우 중요한 연습 규칙을 많이 암기하는 대신 규칙을 연습하면됩니다 자연스럽게 당신에게 올 것이다 그래서 당신이 짧은 원할 경우에 세트를 계속 여기에있는 형식 중 하나는 짧은 형식이므로이 작업을 수행 한 것을 기억하십시오 그래서 미안하지만 밑줄 문자가 포함되어 있습니다 하지만 숫자 만 생각하고 싶을 때는 아주 가깝습니다 숫자가 아닌 것을 원하면 슬래시 D에 대해 슬래시 D입니다 당신이 그것을 원한다면 D 숫자와 밑줄 만 가지고 있다면 그것은 팹입니다

보시면 알파벳과 같은 슬래시 W 이것은 영숫자입니다 이것은 모두 영숫자가 아니며 이것들은 흰색입니다 공백은 스페이스 바를위한 것이므로 jQuery는 정규식 일치를 제공합니다 오, 일치하는 것을 찾으면 true를 반환하고 그렇지 않으면 false를 반환하여 여기에 주어진 정규 표현식을 초보자에게 위협하지만 휴식을 취하는 경우 이메일에 대한 테스트 후 true를 반환 할 수 있습니다 그렇지 않으면 a를 반환 할 수 있습니다 거짓이므로 매우 복잡한 정규 표현식을 권장합니다

당신은 그것이 무엇을 의미하는지 알아 내려고 시도하지만 그것을 얻지 못하면 괜찮습니다 그러나 기억해야 할 것은 빨간 점 테스트가 가능하다는 것입니다 경기가 성공적 이었는지 아니면 실패했는지에 따라 true 또는 false 경기 실패와 다양한 시나리오에서 사용할 수 있습니다- 어떤 종류의 입력에 따라 현재 상황에 따라 비즈니스 논리는 응용 프로그램에서 수행하는 작업 또는 작업의 종류 다음에 구축하려는 검증은 매우 중요한 개념입니다 JavaScript에서 이벤트 처리가 가능합니다 시작하겠습니다

첫 번째는 산스크리트어는이 점에서 도트 바인드 기능을 가진 화이트 소스를 제공합니다 예를 들어 h1을 클릭 할 때마다 T는 이것을 호출합니다 여기에 설명하고 짧은 데모를 빨리 보도록하겠습니다 내 파일로 가서이 모든 것을 음소거하겠습니다 명확한 경기장을 알고 예 또는 D가 설정되어 있으므로 P 태그가 있고 단락입니다

나는 생성 될 때마다 경고를 표시하고 싶었습니다 그것을 클릭하면 거기에 있던 것이 실행되어 경보가 발생할 수 있습니다 성가신 그래서 이것은 콘솔 도트 로그입니다 그래서 당신은 우리의 시간보다 성가신 상처 진술 대신에 이것이 훨씬 낫다는 것을 알고 있습니다 콘솔 도트 로그를 사용하는 더 나은 옵션은 이제 다양한 종류의 이벤트가 있습니다 자바 스크립트 클릭은 그중 하나이지만 일반적으로 누군가는 우리 단락이 맞고 단락을 가리키면 죄송합니다 이벤트는 마우스 입력이었다 마우스 입력시 작동합니다

마우스 입력 중입니다 또한 작동시킬 수도 있습니다 마우스를 떠날 때 들어가거나 나가는 것은 기본적으로 마우스가 요소를 향해 가고 있다면 이 요소의 영역은 내가 여기 머물러 있으면 아무 일도 일어나지 않지만 나는 도메인을 떠나고 떠났다 나는 그 지역을 떠날거야 그러면 이런 일이 생겨서 좀 더 잘 보여 줄게 아이에게 줘서 오 픽셀 하나의 검은 색으로 텍사스의 마진을 주겠습니다 죄송합니다

페어링 iPad를 제공해야한다고 생각합니다 패딩은 크거나 같고 영역이 넓습니다 내가 들어가면서 무슨 일이 일어나고 있고 괜찮아 떠날 또 다른 일을하자 마우스 센터와 하우스 리를 갖도록 분리하겠습니다 당신의 세계에서 그리고 이것은 당신의 세계로 들어가고 있습니다 이것이 바인드가 이벤트 또는 사용자 상호 작용에 연결되는 것입니다 방금 전에 보여 드린 것처럼 상호 작용을 클릭 할 수 있습니다

또는 키 업 키 누름 키가 될 수 있습니다 아래에 전체 목록이 있습니다 같고 이것들은 이벤트이며 이것을 이벤트 처리라고 부릅니다 기본적으로 웹 페이지에서 무언가가 발생했음을 의미합니다 개발자로서 이에 대한 답변을 작성하고 답변은 실제로 이 함수는 여기 이벤트가 될 것입니다

응답은 이제 어떤 질문인지 알 수 있습니다 웹 페이지에 잘있을 것입니다 제품이지만 웹 페이지에서 사용자가 입력 할 수없는 경우 사용할 수 있습니다 사용자가 버튼을 클릭 할 수 있음을 알 수 있습니다 귀하와 귀하의 응용 프로그램의 비즈니스 논리에 따라 상호 작용은 응답 할 수 있도록 응답을 정의해야합니다

드래그 여부에 관계없이 여러 가지 작업을 수행 할 수있는 앱에 유용합니다 드롭 아이템은 버튼을 클릭 할 수 있도록 더 간단합니다 실제로 무엇을 만들고 있는지에 따라 달라집니다 이벤트에 대한 귀하의 응답 측면에서 다른 일이 발생할 수 있습니다 이 키워드는 기본적으로 범위 내에서 자동으로 할당되며 원본 HTML을 참조합니다

함수가 선언되었으므로 우리는 이것을 곧 보게 될 것입니다 당신이 클릭 나와 함께 오는 데모를 볼 수있는 데모 이 점 텍스트를 달러라고 부르기 때문에 단락 태그 안에 무엇이 있든 바인딩 해제는 경우에 따라 특정 이벤트를 제거해야 할 수도 있습니다 더 긴 시간이 필요하고 메모리의 남자 맵에서 매우 중요하다고 생각합니다 관리 관점뿐만 아니라 이벤트를 제거하는 것이 중요합니다 더 이상 필요하지 않고 비즈니스가 일어날 수 있다고 생각하는 경우 항상 권장되는 것은 아니지만 사용중인 좋은 사용 사례가 있어야합니다

그것으로 처음부터 이런 일이 일어난 후에 나는 바인딩을 풀고 싶다고 가정 해 봅시다 마우스를 입력하십시오 여기서 내가하고있는 일을 매우 신중하게 참고하십시오 말은 처음 마우스를 떠났지만 마우스가 PP를 떠난다는 것입니다 태그를 입력하면 마우스 입력 이벤트가 더 이상 적용되지 않아야합니다

내 jQuery에게 말하려고하면 그것이 어떻게 반응하는지 보자 이 실행은 한 번만 그리고 지금은 결코 실행되지 않은 것으로 페인팅에 응답하지 않습니다 이 항목을 다시 바로 실행하십시오 종료시 항목에 종료 항목 없음 그렇습니다 그러나 우리가 마우스를 바인딩 해제하지 않았기 때문에 항목이 아닙니다 보편적으로 모든 이벤트 핸들러를 제거하므로 마우스를 제거하는 것입니다

입력하지만이 이벤트 처리기를 모두 제거하려면 그리고 이것은 당신이 모든 정렬을 완전히 비활성화하려는 동일한 요소에 있습니다 상호 작용에 대한 응답의 이것은 지금 당신이해야 할 일이 아닙니다 두 가지 모두 작동하지 않아 한 번 실행되고 이제 그게 끝났습니다 또한 라이브 방법을 사용하므로 회선 방법을 사용하면 낮은 시간에 모든 이벤트를 첨부 할 수 있습니다 원래 선택기와 일치하는 미래의 요소에 이해하기 까다 롭지 만 운 좋게도 라이브 메소드에서 바인드 및 바인딩 프로젝트가 여전히있는 경우 jQuery 버전 17에서 더 이상 사용되지 않습니다 1

7을 사용하면 다른 경우이지만 새 프로젝트를 시작하는 경우 분명히 최신 버전의 jQuery를 사용한다고 생각합니다 현재 어떤 버전의 jQuery가 활성화되어 있으므로 지금은 버전 3입니다 17을 사용하면 정말 오래되어서 강하게 17에서 무언가로의 마이그레이션 경로를 알아내는 것이 좋습니다

3과 같이 17은 몇 년 전에 강력하게 나왔을 것입니다 이러한 방법을 사용하지 마십시오 2 페이지에서 더 이상 사용되지 않습니다 그것을 정의하고 사용하는 방법에 차이가 있지만 내부적으로 생각합니다 jQuery는 약간의 변경을 가했을 것입니다

이제 bind로 보여 드렸을 때 같은 이벤트에 여러 이벤트를 추가 할 수 있습니다 처리하지만 흥미로운 예는 다른 것을 만들고 싶을 때입니다 서로 다른 두 가지를 만드는 대신 다른 행동을 기반으로 한 응답 이와 같은 바인딩은 할 수 있다는 것입니다 당신이 그것을 객체로 전달하고 손실을 원한다고 말할 수 있기를 원했습니다 이 작업을 수행하는 방법 색상 상자를 살펴 보겠습니다

간단한 HTML 상자 만 여기에 설명되어 있습니다 스팬 클래스 메시지를 설명하겠습니다 나는 메시지를 남긴다 색상이 맞습니다 글꼴 크기는 16 픽셀로 설정하겠습니다 우리는 아무것도하지 않고 단순히 메시지를받을 것입니다 당신 알았어 알 겠어 알았어이게 구부러져 서 미안하다 EE와 함께 그들은 대만이 마지막 비트를 바꾸지 않을 때 교환하는 것이 매우 명확하도록 제거하겠습니다 문자열 전체가 다르고 방귀가 아닙니다 감사합니다

너무 다르지 않다는 것을 의미하지만이 방법은 매우 깨끗합니다 당신이 이런 식으로 할 경우 매우 이런 오 이런 방법으로 내가 추천합니다 사실 이것을보고 이것은 구문을 보면 당신이 괄호로 묶는 모든 소녀와 혼동을 보지만 그것은 단지 이벤트 이름에 해당하는 3 개의 키가있는 JavaScript 객체 동일한 다음에 여러 핸들러를 갖는 것은 이벤트 객체입니다 클릭 또는 마우스 인턴 또는 대부분 발생한다는 사실은 또 다른 매우 이벤트가 발생할 때마다 이벤트 객체 인 매우 중요한 것 이벤트에 대한 추가 정보가 필요할 수 있습니다 여러 속성이있는 이벤트 객체에 의해 잘못 입력 했으므로 여러 이벤트가 있다고 가정 해 봅시다 내가 가질 수있는 것들을 쓰는이 특별한 방법을 봅니다 이런 식으로 지금 작성하면 어떤 이벤트가 있는지 알아야합니다

일어 났고 거기서 네가 내가 한 일을하고 싶지 않다고 가정했다 여기서 당신이하고 싶은 일 때문에 여러 조건을 만들고 싶지 않았습니다 이벤트의 내용에 따라 다른 것을하고 싶었습니다 한 걸음은 나머지 단계들이 생각했던대로 유지되어야합니다 그런 다음 누른 버튼이나 키를 제공하는 유형이 필요합니다 target은 우리에게 원래의 요소를 제공하고 x와 y는 마우스가 있던 위치를 알려줍니다 그들이 정확히 쇼핑몰 소스와 특정 예의 위치에서 발생하지 않은 경우 이벤트 객체로 작업하면 특정 상황에서 발생했는지 확인할 수 있습니다

장소 또는 특정 위치에 있고 결정을 내리거나 글을 쓸 수 있습니다 그에 따른 논리에 따라 결과물을 신속하게 살펴 보겠습니다 오른쪽 마우스 휴가 중 하나는 그것은 캡처되고 위치는 0입니다 Dom과 더 유사합니다 코끼리는 어디에 있고 그 자체는 그 다음에 마우스 위치는 어디입니까 267 355 그래서 목표는이 특별한 것입니다 그리고 마우스 휴가는 이것을 제거하면 이벤트 도트 유형이 전체적으로 이루어집니다 이런 식으로 끝날 수 있습니다

내부에 많은 것들이있는 객체는 모든 것을 알아야 할 필요는 없습니다 오늘은 여기에 언급 한 내용과 슬라이드 데크가 시드 이벤트 이벤트 도트에 확실히 유용합니다 그래서 링크가 작동하는 방식을 무시하고 싶다고 가정 해 봅시다 당신이하고 싶은 링크를 클릭한다고 가정하면 해당 페이지 자체의 iframe에있는 웹 페이지 또는 양식에서 버튼 클릭 버튼을 사용하기 위해 끝에서 특정 유효성 검사를 추가하고 싶습니다 시간은 있지만 원하는대로 양식을 제출하고 싶지 않습니다

우리를 다른 종류의 요청으로 만들거나 다른 일을하고 싶을 때 이것이 preventdefault가 일반적인 동작을 제거하는 것입니다 당신이 목표로 삼고 자하는 것은 시도해 봅시다 대상 링크 휴일 Jessica Lewis GPS googlecom 빈 대상과 같다고하자 다음으로 그것을 호출하자 타겟 링크는 클릭 이벤트를 바인딩 할 수 있습니다 그리고 우리는 그래서 클릭하면 아무 일도 일어나지 않습니다

링크가 끊어지지 않았습니다 링크는 괜찮습니다 구글이 열리고 있습니다이 특정 페이지의 링크입니다 다섯 번 후 기본 동작을 변경하면 이것이 강력 할 수 있습니다

당신이 태그를 취할 수 있거나 버튼을 취할 수 있고 당신이 사용할 수 있다고 상상 특정 동작을 재정의하면 기본값이 있으며 실제로는 특정 서비스를 제공하는 맞춤형 웹 사이트를 만드는 데 도움 당신이 당신의 필요에 따라 원하는 효과의 종류 또는 오류를 방지하기 위해 중지 전파라는 또 다른 것이 있습니다 때때로 이벤트가 발생했을 때 이벤트 공개라는 것을 여기까지 살펴보면 PI use 클릭시 트리거되는 스타 선택기 오른쪽 우리는 개발 권한을 가지고 별을 저장하고 dev 요소는 클릭 이벤트이지만 이후에 div의 모든 자식 또는 자식 클릭 이벤트가 있지만 상위 div가 캐스팅하지 않기를 바랍니다 이벤트가 발생하기 때문에 이벤트가 발생하기 때문에 빨대 전파라고 불렀습니다 이것은 공부하고 있다면 매우 유용합니다 앵귤러와 같은 것입니다

그러면 실제로 저쪽에 도움이 될 것입니다 이벤트 버블 링을 이해하는 것은 매우 중요합니다 바인드 및 바인드와 같은 함수이므로 바인딩을 해제하는 방법을 보았습니다 jQuery가 우리에게 제공하는 특정 이벤트는 켜져 있지만 꺼져 있습니다 조금 지루하다고 생각하면 조금 번거 롭습니다

일단 이벤트를 설정하면 별도의 이벤트가 해제됩니다 line 당신은 이것이 무엇을 하는지를 호출 할 수 있습니다 한 번만 클릭하고 다음에 클릭하면 클릭하지 않습니다 이것에 나는 괜찮습니다 직접적인 사람들은 이제 더 이상 Ranma가 아닌 페이지를 닫습니다 켜져 있으면 여러 번 실행되지만 한 번에 변경 한 순간 이제는 단 한 번만 실행됩니다

여기로 오면이 점이 없어도 할게요 내가 활 중앙에서 움직이기를 원한다고 가정 해 봅시다 소매 그래서 내가 무엇을 할 것인가 나는 페이지를 모른다 이제 나올 때만 실행됩니다 앞으로 나아갈 때가 아닙니다 지금부터 나는 이것에 여러 값을 나눌 수 있습니다 둘 다 비활성화되어 있거나 모든 이벤트 꼬리를 이동하지 않으려는 경우 이처럼 이제 이것은 바인딩 해제 및 마지막 I와 비슷한 방식으로 작동합니다 이벤트 바인딩 만 갖도록하는 것이 가장 좋습니다

특정 이벤트 바인딩이 필요없는 경우에 대비하여 모범 사례 정말 복잡한 응용 프로그램이기 때문에 제거하고 말하지 않습니다 하나의 간단한 응용 프로그램에 대해 정말 복잡한 응용 프로그램을 원하지 않습니다 많은 이벤트와 많은 청취자에게 최적의 성능을 제공하는 것이 가장 좋습니다 더 이상 필요하지 않은 특정 이벤트를 제거하여 개발을 제거하면 Dom 요소를 오프로드하는 방법을 알 수 있습니다 또는 개 요소를 숨기면 이벤트와 함께 이벤트를 제거하는 것입니다 특정 버튼을 숨기고 있지만 이벤트가 여전히 제대로 연결되어 있다고 가정하십시오

그리고 당신이 수천 개의 버튼을 가지고 있다고 가정하면 바인드 해제하는 것이 합리적입니다 이러한 이벤트는 예기치 않은 결과를 피하기 위해 보관하십시오 염두에두고 또 다른 것은 특정 이벤트를 트리거 할 수 있다는 것입니다 트리거 기능을 사용하는 요소는 이제 브라우저 이벤트를 모방하는 데 사용할 수 있습니다 이제 앵커 태그를 클릭하면 매우 유용합니다 내가 당신이 원하는 것은 내가 링크가 작동하기를 원했습니다

내가 바로 컬러 워크 외국의 행동을 막았다 당신 바로 이거 브라우저 동작을 모방하고 싶었으므로 실제로 열리지 않습니다 링크는 링크를 실제로 클릭하지는 않지만 동작을 모방합니다 이것을 사용하여 특정 사항을 관찰 할 수 있으며이 예제를 보았을 것입니다 B 태그에 foo라는 함수를 설정하고 함수를 클릭하면 함수가 실행된다고 호출하지만 트리거는 마우스 대신 다른 곳에서 트리거가 발생하는 곳 이것은 또한 사용자가 특정을 입력했다고 가정하자 입력하고 특정 작업을 트리거하고 싶을 때가 아닙니다 여기서 중요한 부분이거나 사용자가 원하는 사용자 상호 작용없이 점이 당신과 함께 빼앗아 가고 마침내 어떤 방식으로 발생 맞춤 이벤트가 작동하는 방식으로 맞춤 이벤트를 만들 수 있습니다 이벤트 이름을 누른 다음 트리거 이름을 사용하여 동일하게 트리거 할 수 있습니다

본질적으로 무엇이든 될 수 있으므로 사용자 정의 이벤트가 무엇인지 가정합시다 내가 전화를 읽었 기 때문에 나는 그것을 곧바로 부르고 싶다 그래서 당신이 가질 수있는 한 가지 질문은이 C를 사용하는 곳마다입니다 웹 사이트가 실제로 대화 형인 경우 유용합니다 기존 이벤트와 마우스의 특정 위치를 기반으로 가정 해 봅시다 이벤트를 트리거하려는 마우스의 위치를 ​​가정 해 봅시다 충돌로 인해 다른 이벤트로는 호출 할 수 없습니다

어떤 종류의 당신은 그것을 당신의 고유의 사용자 정의 이벤트라고 부르고 싶습니다 유용한 이벤트 인 경우 맞춤 이벤트가 호출 된 것을 확인하세요 여기서 페이지를 호출하기 때문에 페이지를 새로 고침하면 즉시 밖에서 나는 그냥 여기에서 부르고 있어요 제가 할 수있는 또 다른 것은 링크를 클릭하기 만하면됩니다 고객 이벤트가 호출 된 다음 페이지가 열리지 만 고객은 이벤트도 호출되었으므로 링크 수를 추적해야한다고 가정 해 봅시다 클릭 수이 작업을 수행하는 매우 쉬운 방법이므로 가정 해 보겠습니다 링크 추적 그리고 당신은 여기에 그것을 호출 할 수 있습니다 레이크가 트리거되고 커스텀 이벤트가 호출되었습니다

시도해보고 이것이 어떻게 작동하는지 확인하십시오 예 이미 제거되었습니다 광고 클래스를 비 웃으면 정말 좋은 과제가 될 것입니다 시도해보고 사용 방법은 있지만 사용자 정의 측면에서 볼 수 있습니다 그들이 왜 사용되는지 이벤트 나는 그것이 커스터마이징에 관한 것이라고 생각합니다

이해하기 쉬운 정도까지 응용 프로그램의 규모가 맞지 않기 때문에 일반적으로 꽤 괜찮을 때 사용됩니다 작성한 코드 줄 수 또는 양으로 스케일 이전에 개발 한 응용 프로그램의 폭과 같은 교환 데이터 정렬에 사용되는 50 개의 비동기 JavaScript 각각의 행동에 앞서 인터넷에서 서버 측에서 수행되므로 버튼을 클릭 할 때마다 다시로드됩니다 전체 페이지이지만 Facebook에서 무언가를 좋아할 때 오늘 생각해보십시오 당신은 의견이나 페이스 북 뉴스 피드를 다시로드하는 데 필요한 더 많은 데이터입니다 매 호마다 페이지를 넘기는 것은 각 호가 그 뒤에있는 마법이기 때문입니다 서버를 호출 할 수 있으며 서버별로 URL을 통해 의미합니다 URL 보안 URL 및 일부 데이터를 얻거나 일부 데이터를 웹 서버에 전송 이점은 사용자가 볼 때 전체 프로세스가 훨씬 빠릅니다

전체 웹 사이트를로드하고 다시 반복해서 전체 웹 사이트를로드 다시 HTML CSS 및 JavaScript 파일을 다시로드한다는 것은 많은 것을 의미합니다 필요한 데이터를 얻고 있기 때문에 훨씬 빠릅니다 자바 스크립트를 사용하여 업데이트하면 많은 시간을 절약 할 수 있습니다 주요 브라우저는 xhr XML HTTP라고 불리는 것을 지원하기 시작했습니다 2003 년부터의 요청에 따라이 문제를 해결했습니다

브라우저는 그것을 지원하고 매우 인기가되었고 지금 당신은 그것을 참조 기술 차트 메시지에서 거의 모든 작업을 수행 할 때 거의 모든 곳에서 좋아하는 YouTube에 무언가를 좋아하거나 구독한다고 가정 해 보겠습니다 채널은 모두 Ajax에 의해 수행되므로 페이지를 볼 때마다 로딩하지만 인터넷에서 교환되는 일종의 데이터는 Ajax입니다 첫 번째 줄에서 사이를 옮길 수 있다고 알려주는 데 도움이됩니다 클라이언트와 서버 인 브라우저와 서버 웹 페이지를 새로 고침하십시오 URL로 데이터가 어떻게 교환됩니까? 본질적으로 우리가 알고있는 모든 URL은 일부 데이터를 교환하거나 전달합니다

facebookcom 또는 googlecom으로 이동할 때 응답은 HTML입니다 웹 페이지 오른쪽 및 재생할 때 웹의 이미지에 대한 링크가 있다고 가정 URL이지만 이미지 데이터 유형으로 응답하므로 비슷하게 URL 끝에 모든 종류의 데이터가 있고 데이터를로드하거나 데이터를 얻거나 특정 URL에 특정 데이터를 보낼 수 있습니다 이 작업은 XML HTTP 요청 API를 통해 JavaScript의 Ajax를 통해 발생합니다 JavaScript에서 Ajax는 현재 매우 인기가 있습니다

요청은 비동기 적이므로 나머지 코드는 계속 요청이 처리되고 응답이 수신되는 동안 실행 지금은 XML 형식으로 2003 년이되었지만 지금은 물론 필요한 모든 형식의 형식을 지정할 수 있습니다 이 전체 프로세스를 비동기 JavaScript라고하며 XML 이제 XML은 약간 오래되었습니다 xml은 여전히 ​​사용되지만 새롭고 다가오는 시스템에서는 사용되지 않습니다 데이터 교환을 위해 XML은 당시에 매우 인기가있었습니다 근데 너무 부피가 커서 패션에서 벗어 났지만 여기서 기억해야 할 것은 나머지 코드는 계속 실행되면서 요청이 처리되고 있습니다

이것은 매우 강력한 아이디어입니다 동시에 여러 Ajax 호출을 할 수 있으므로 Facebook 페이지로드 바로 뉴스 피드에 차트에서 친구 목록이로드되었습니다 교육 스토리가로드되고 있습니다 티커가 여러 개로드되었습니다 페이지가로드되는 동안 개별 요청이 동시에 발생하여 전체 과정이 정말 빠르다 적어도 일부 데이터의 일부를 볼 수 있기 때문에 나머지는로드되므로 때로는 알 수 있습니다

티커가로드되지 않았거나 채팅의 친구 목록이로드되지 않았지만 모든 것이로드되었습니다 그렇지 않으면 당신은 의견을 좋아할 수 있고 다른 하나는 여전히로드되고 있습니다 그들은 비동기이기 때문에 발생합니다 패션 그들은 병렬 방식으로 지금 발생 궁금해 이것은 당신이 볼 수있는 스레딩 개념과 비슷한 방법입니다 Java 또는 읽기를 지원하는 다른 언어와 같은 것이므로 스레딩하지 않고 브라우저가 이벤트 루프라고 불리는 것이지만 실제로는 이벤트 루프 란 무엇이고 어떻게 고급 자바 스크립트 문제에 시달리는가? 작동하지만 매우 인기있는 인터뷰입니다 자바 스크립트가 단일 스레드 동기 언어 인 경우 어떻게됩니까? 귀로 불리는 무언가가 비동기 적이며 다른 모든 것과 평행하게 JavaScript와 자체를 이해합니다

여기에서 변경되지 않았습니다 JavaScript 규칙이 변경되지 않았습니다 이 특별한 것은 여전히 ​​단일 스레드입니다 그러나 동기식 언어는 브라우저가이 비동기 동작을 가능하게합니다 브라우저를 기반으로하므로 마지막 슬라이드가 언급 된 경우 2003 년에 그들은 그것을 지원하기 시작했습니다

그래서 브라우저는 이전에도 존재했습니다 Netscape도 있었고 Mozilla도있었습니다 그러나 브라우저 지원은 2003 년부터 시작되었습니다 인기를 얻었으므로 XML을 지원하는 일종의 JavaScript가 아닙니다 HTTP 요청 API는 브라우저 API를 의미합니다

브라우저가 Ajax 요청을 수락 할 수 있음을 의미합니다 당신은 JavaScript를 통해 그것을하지만 그것은 근본적인 것들이 있습니다 브라우저가 제공하는 기초가 있습니다 브라우저를 사용하도록 설정하면 자연스럽게 가능해집니다 바로 거기에서 우리는 당신이 1 등석에서 이야기했던 것과 같은 문제에 직면합니다 다른 브라우저는 다른 화가나 다른 사람들과 같습니다 그들은 자신의 방식으로 기능을 구현하므로 모든 사람이 보안이 그렇게 아름다운 이유 인 다른 XML HTTP 요청 API 요청을 처리하는 단일 메소드 세트를 제공하는 방법 당신이 갈 때 볼 수 있듯이 브라우저를 가로 지르지 만 이것은 가장 큰 것 중 하나입니다 다시 jQuery를 라이브러리로 수용하여 관리하는 데 도움이됩니다 JavaScript 관련 크로스 브라우저 종속성 및 달러 도트와는 별도로 Ajax는 달러 개와 같은 다른 방법이 있습니다

고양이 또는 개 스크립트 달러 개는 JSON 달러 게시물을 얻을 수 있습니다 이제 요청을 보내는 가장 일반적인 두 가지 방법이 있습니다 서버 중 하나는 get 메소드를 사용하여 데이터를 가져옵니다 서버는 검색 결과 일 수 있습니다 친구 목록이 목록은 알림 목록 일 수 있습니다

스토리는 YouTube의 동영상 목록 일 수 있으며 채널 목록 일 수 있습니다 YouTube에서 이것은 식당 목록 일 수 있습니다 일반적으로 검색을 얻으려고하면 모든 정보가 될 수 있습니다 블로그에서 이미지 세트를 읽으려고하는 기사에 액세스하려고합니다 또는 gif 게시 요청은 데이터를 서버에 보내고 요청할 때입니다 업데이트 또는 작성 될 수 있도록 가입 양식을 작성 중입니다

페이스 북에서 프로필을 업데이트하는 데 어딘가에 있습니다 페이스 북에 게시물을 작성하는 것은 주석을 만드는 것이므로 Kett은 읽기와 게시는 기본적으로 지금 필요할 때 생성 또는 업데이트입니다 OT Jack의 Jeep Willys Ajax 방법에는 특정 옵션이 있습니다 어떤 종류의 데이터 유형을 교환 할 수 있는지에 따라 텍스트만큼이나 간단하게 문자열을 전송할 수 있습니다 HTML은 웹 페이지의 일부를 단순히로드 할 수있는 웹 페이지를 상상해보십시오

서버의 HTML은 약간 이상하게 보일 수 있지만 잠시 동안 서버에서 HTML이 나오고 일부 업데이트가 있었으며 일부 요청이있었습니다 어떤 응답이 HTML 블록인지에 따라 이 스크립트를 데이터 유형으로 전달하여 특정 웹 페이지에 더 많은 스크립트를 추가 물론 JSON은 매우 인기있는 JSON 형식입니다 사용할 수있는 JavaScript의 객체처럼 JSON P가 있으므로 JSON P는 기본적으로 다른 도메인에서 데이터를로드하려고 할 때 사용됩니다 이것에 와서 XML이 기본적으로 XML 스키마를 따르는 것이 더 명확해질 것입니다 사용자 정의 XML 형식으로 데이터를 전송했지만 그들은 모든 종류의 데이터를 교환 할 수있게한다는 점에서 매우 철저합니다

Ajax 기능을 사용하여 거의 모든 종류의 데이터 JSON P에 대해 이야기하므로 동일한 원산지 정책이라고하는 것이 있습니다 그래서 동일한 원산지 정책에 따르면 facebookcom/은 ajax 요청을하고 있습니다 Facebook 자체를 facebookcom 서버로 요청해야합니다

서버의 도메인 이름과 같은 프로토콜 HTTP, HTTPS 또는 FTP 또는 다른 것 또는 다른 것 포트와 도메인 이름은 웹 페이지가 달라야한다는 의미는 아니지만 HTML CSS JavaScript 파일을 보낸 사람은 우리와 같은 사람입니다 이 통신은 대부분의 브라우저가 실제로 실행하는 보안입니다 다른 서비스에서 데이터를 가져 오려면 어떻게해야합니까? 제공자 나는 당신이 당신의 웹 사이트를 위해 IMDB에서 먹는 사람을 원한다고 가정하지만 귀하의 웹 사이트는 imdbcom이 아닙니다 BC 또는 ad Reaper com입니다 이를 위해 각 요청을 할 수있는 this JSON P라는 것이 있습니다

JSON P의 경우 공급자 또는 서비스는 스크립트에로드 할 수있는 스크립트로 응답합니다 스크립트 태그를 사용하는 페이지와 해당 스크립트는 제공하는 콜백 함수는 기본적으로 의 데이터 부분을 포함하는 스크립트를 제공하는 종류에 의한 제한 물론 이것은 필기체가 아닙니다 이것은 거의 즉시 생성됩니다 스크립트가 작동하는 특정 문자열 형식을 갖도록 스크립팅 언어 PHP 또는 Python 또는 생성되는 모든 것 fly and JSON P는 주로 요청을 할 때입니다 브라우저 간 요청에 다양한 방법이 있습니다 jQuery에서 Ajax 요청을하지만 Ajax 메소드는 대부분 선호하고 그것은 좋은 습관으로 간주되며 강력한 Ajax를 생성하는 데 사용할 수있는 옵션이 많은 기능이 많은 메소드 요청하는 것은 구성 가능한 객체이므로 구성 가능한 객체 의미입니다

내가 설정하고 사용할 수있는 스테핑 또는 옵션 이제 Ajax를 사용하여 요청을 완료하기 위해 물론 다양한 옵션을 모두 살펴 보도록하겠습니다 당신은 당신이 처음으로 볼 수 있도록 우리는 jquery를 검색 할 수 있도록 당신은 쿼리 zag를 검색 할 수 있습니다 여기에 다양한 종류의 사용 가능한 옵션이 많으므로 사용하지 않아도되는 옵션이 많이 있습니다 첫 번째 또는 순수한 초기 정확한 요청을하기위한 모든 것이지만 당연히 나는 그것을 의미하기 때문에 많은 옵션이 있음을 알고 있습니다 더 나은 방법으로 생각하거나 당신은 할 수 없었지만 일단 옵션이 사용 가능하다는 것을 알면 도서관의 특정 기능을 통해 그것은 옵션 중 일부에 이동 그들 중 하나는 비동기이므로 기본적으로 것은 사실입니다 비동기식이므로 실제로는 퀘스트를 할 수 있습니다 면접에서 까다로운 질문이지만 면접관은 당신에게 할 수 있는지 묻습니다

동기식 JavaScript Ajax 요청을 작성하십시오 그렇지만 가능합니다 다른 응답을받을 때까지 코드 실행을 차단 캐시는 무엇입니까-캐시는 기본적으로 Ajax의 응답을 캐시합니다 요청 및 동일한 종류의 다른 요청을하는 경우 이 요청을 다시 수행하지 않고 대신 내부적으로 처리합니다 complete는 요청이 완료 될 때 실행하는 콜백 함수입니다 요청의 성공 여부에 관계없이 URI가 존재하지 않거나 URL이 리턴되거나 오류 500이라고 가정 해 봅시다

그래서 그것은 4 오 4 또는 5 백 또는 그 밖의 오류입니다 코드 또는 요청이 완료되어 성공 200을 리턴하지만 완료 jquery 호출이 완료되면 결과가 무엇이든 관계없이 이것은 일반적인 사용 사례 중 하나는 원하는 것을 덜 가정 할 수 있습니다 로드를 표시하거나 Ajax 요청시 간단한 로더 표시 줄을 표시하려는 경우 요청이 완료되면이 로더 바를 표시하기 시작합니다 로더 바를 자연스럽게 제거하고 싶습니다 함수의 성공 또는 실패는 요청 여부에 따라 다릅니다 오류 요청은 괜찮지 만 로더를 여전히 제거하는 경우 완료되었거나 아닙니다 다음은 데이터이므로 get과 함께 전송중인 모든 데이터 요청-내가 당신이하는 종류의 쿼리 검색 한 데이터가 포함 된 게시물 요청을 볼지 여부 이 매개 변수에 포함될 데이터베이스에 제출하려고합니다

다시 말하지만 값은 일반적으로 객체 여야하지만 일반적으로 객체이지만 물론 URL 구성 및 서버 측이지만 더 나은 방법 중 하나는 JSON으로 대화하는 것입니다 자체 객체이므로 JavaScript 객체이면 Ajax는 기본적으로 객체를 보냅니다 JSON처럼 서버를 가로 질러서 기본적으로 JSON API입니다 다음으로 이야기하는 것은 데이터의 종류를 지정하는 데이터 유형입니다 서버에서 예상 Bridgette 예상 데이터 종류 지정 다음에 서버는 오류라고 불리는 것을 사용합니다 이제 이것은 화살표에 요청이있을 때 단락 기능입니다

JSON 옆에 콜백 이름을 쿼리 문자열로 보내고 지정하십시오 이것은 요청시 기본값은 콜백 트럭 요리사입니다 이것은 함수입니다 요청이 완료되고 모든 것이 완료되면 호출됩니다 상태 코드 200을 완료했습니다

이제 데이터가 있습니다 Nexus 시간 초과가 필요한 경우 시간을 밀리 초 단위로 지정합니다 기다렸다가 실패한 요청자를 고려하십시오 여기서 지정하면 천 밀리 초를 기다립니다 이것은 1 초와 같지만 그 후에는 응답이 반환되지 않는 경우 실패에 대한 질문을 고려해야합니다

그것이 당신이 타임 아웃을 구축하는 종류의 응용 프로그램이라고 가정 해 봅시다 해당 유형에 도움이되는 것은 HTTP에서 사용하는 동사의 종류입니다 게이터 또는 게시물 또는 지원 또는 삭제 기본값은 이제 당신입니다 물론 요청 URL이므로 이것이 없으면 아무 일도 일어나지 않습니다 필수 옵션입니다 다른 모든 것은 필수 구성이거나 다른 모든 것은 선택 사항이므로 간단한 예를 들어 보겠습니다

예를 들어 간단한 예를 들어 보겠습니다 여기에 배출 기능이 있습니다 권리 당신 이것이 자바 스크립트 객체와 같습니다 이것은 자바 스크립트 객체입니다 오류가있는 다양한 매개 변수로 고려하고 있습니다

성공과 데이터 그리고 우리는 타입에 대해 언급 할 수 있습니다 데이터 유형 이므로이 데모에 대한 JSON 요청을 할 것입니다 매개 변수를 사용할 수 있습니다 시간 제한을 사용하고 2100으로 설정하겠습니다 그리고 우리는 어느 쪽이 좋은지 잘합니다 이것은 내가 할 일에 대한 URL이며 지금 너희들은 이것을 시도 할 수 있다고 생각한다 또한 무언가를 시험해 봐야 할 때마다 JSON URL이 필요합니다

이것은 내가가는 곳이므로 여기서 JSON을 직접 만들 수 있습니다 당신 생성 방법 여기에서 액세스 URL을 얻었습니다 JSON 단순한 JSON이 아니며 URL을 전달할 수 있습니다 이 페이지를 돌려보세요 좋아, 그래서 당신이하지 않을 경우를 대비하여 버튼을 들여다 보며 디버거를 바로 열면 네트워크 탭이라는 것이 있습니다 Ajax 요청에 특히 유용한 네트워크 탭이 있습니다

그것은 xhr이라고 불리는 것을 가지고 있습니다 이곳에서 모든 Jax를 볼 수 있습니다 귀하의 웹 페이지가 요청할 수있는 요청이며 이는 귀하만을위한 것이 아닙니다 이것은 귀하의 웹 사이트뿐만 아니라 귀하를위한 모든 웹 사이트를위한 것입니다 youtubecom으로 이동하여 네트워크 탭을 열고 xhr 당신은 그들이하는 모든 요청을 볼 수 있습니다 버튼을 자동으로 요청하면 전화를 한 것을 제외하고는 이와 동일한 응답을 얻었습니다 jQuery를 찢어 콘솔이 성공과 데이터를 완성한 다음 완료가 호출되었습니다

이제 URL을 변경해 보겠습니다 조금은 요청이 실패 할 것입니다 7은 이제 페이지를 새로 고침하고 지금은 실패하지만 화살표로 완성됩니다 이것이 왜 중요한가 상황을 처리 할 수 ​​있도록 중요합니다 여기에 화살표를 눌렀을 때 문제가 발생한 것 같습니다

이에 나중에 다시 시도하십시오 물론 비슷한 요청이 있습니다 데이터를 얻은 다음 HTML에서 일종의 설정입니다 문제가있는 경우 지원을 요청하여 문제를 해결하려고 노력합니다 많이해야하므로로드해야하며로드 진술은 HTML에 뭔가가 있습니다

그래도 충분합니다 사용 가능한 다른 거부 방법 중 일부를 살펴 보겠습니다 달러 게이트 그래서 실제로 우리는 이것 자체에 달러 게이트를 사용할 수 있다고 생각 우리는 여기 GSR에 알라 게이트를 할 것이고 URL은 그것이 될 수 있어야합니다 동일한 URL 기본적으로 요청이 완료된이 기능이 있습니다 동일한 트리 객체는 기본적으로 우리가 말하고 싶은 데이터 중 하나입니다

이 경우 쿼리 매개 변수가 없으므로 여기에 서버 응답이 있으므로 달러를 사용해 봅시다 내가 할 일은 원래 Ajax 요청을 음소거하고 이것을 시도 할 수 있습니다 내가 구문 오류를 만든 것처럼 보자 9:54 당신 보시다시피 단순히 요청을 할 수는 없습니다 당신이 얻는 달러 와이 세상이 완벽하다면 이것은 지금 가고 있습니다 우리를 위해 괜찮아 지금은 콘솔에서 요청 완료 변수가 인쇄되었으며 동일한 정보를 사용할 수 있습니다 내가 만든 것은 열쇠 였으므로 이것은 물건을 올바르게 가져 가지 않습니다 하나는 지금 작동합니다 단지 키를 사용하지 않고 그것을 패치하려고했습니다

그것은 단지 실수로 참여한 매개 변수를 취합니다 기억하십시오 Ajax처럼 객체를 사용하지 않습니다 이미 JSON 요청이 될 것이라는 것을 이미 알고 있습니다 이스케이프 JSON이라고하거나 다음 URL을 수행 할 수 있습니다

데이터 객체를 전달할 수 있고 응답을 전달할 수 있습니다 여기에 응답은 간단합니다 함수가 될 것이고 컨트롤 도그라고 말할 것입니다 내가 철자 실수를 한 것 같아 예, 직교 컵에서도 킬로그램이고 콘솔에서 볼 수 있습니다 JSON을 사용하면 터빈을 놓친 경우 터빈에서 요청을 볼 수 있습니다

get JSON을 사용하여 전화하고 있습니다 마찬가지로 그가 전달한 데이터 값을 약간 사용한 포스트 방법이 있습니다 기능과 당신은 당신이 지금 기대하는 응답을 지정합니다 달러 도트 후드라고 불리는 매우 흥미로운 것 URL의 HTML을 사용하여 URL로 수행 할 작업을 신속하게 보여 드리겠습니다 여기에 컨테이너 div를 테스트하거나 HTML로 설정하면이 h2 회전이 포함됩니다 그것은 어떤 문제를 포함 할 수 있지만 여기에 내가 할 일이 있습니다

테스트 또는 HTML을로드하려고 시도하고 HTML에 테스트를로드하려고합니다 컨테이너에 넣었으니 어떻게해야하는지 보자 이것은 매우 유용합니다 내가 방어 한 구성 요소를 가질 수 있다는 것입니다 여러 페이지에서 다른 페이지의 HTML 섹션을 재사용 그렇기 때문에 이것이 매우 인기 있고 흥미로운 아이디어입니다 재사용 가능한 구성 요소로 더 작은 버전의 HTML 파일을 만들고 평소의 색상으로 묶어 여러 장소에 직렬화 및 Cyril RA를 통해 그녀가 실현 한 것은 형식을 실현하는 것입니다

쿼리 문자열로 곧바로 입력 요소에 이름 속성이 있어야합니다 입력 유형에 해당 이름이 없으면 오늘 밤 말할 수 없습니다 속성을 직렬화 할 수는 없지만 직렬화 할 수는 없습니다 직렬화 요청 게시 요청을 서버에 키 값 쌍을 지정하려는 서버에 이 데이터는 그렇지 않으면 어떻게 알지 이름 인 경우 성의 성명 또는 이름 인 경우 나는 당신이 이름을 가진 작업을 할 것이라고 생각하는 중간 이름입니다 사용자의 성이므로 이름이 적절해야합니다 그리고 당신이 그 (것)들을 그 (것)들에 따라 적절하게 사용하기 위하여 저장하면 직렬화가 re를 활용하는 데 매우 도움이되는 이유는 활용하지만 직렬화 된 문자열 대신 RF 객체를 생성합니다

이상하지만 완성 된 작품을 만들 수 있습니다 서비스 아이리스가 내가 한 일을 어떻게 확신하는지에 따라 더 유용합니다 이것들은 jQuery 웹 사이트 자체가 매우 우수하다는 것입니다 이 데모는 그렇게 했으므로 점진적으로 동일한 것을 시연합니다 우리가 여기에 오면 다른 여러 입력이있는 양식이 있습니까? 하나의 입력을 선택합시다 확인란을 선택하지 않고 선택하겠습니다 단일 라디오가 단일에서 다중에 해당하는 경우 배수와 동일합니다

이 중 하나를 선택할 수도 있습니다 그러나 그것은 다중 일 것이고 라디오는 라디오와 같습니다 다른 라디오 버튼을 선택하면 왜 라디오를 확인할 수 있습니까? 큰 점검을 해주므로 이것이 실제로 발생하는 방식의 출력 강도입니다 이것은 입력 형식입니다 이것은 당신의 오른쪽 위에있는 형식입니다

Donna는 변경 사항에 따라 이 중 하나를 변경하면 다른 입력 상자에 값이 호출 중임을 표시합니다 드롭 다운 또는 다중 선택 또는 확인란 또는 라디오 버튼은 show value 또는 show values라는이 메소드를 호출합니다 그것은 개에게 다음의 모든 것을 취하는 형태의 객체를 취하고 그냥 serializer를 호출하면 그게 다가 가고 얻는 문자열을 얻습니다 우리가 전환 할 수 있도록 문자열 과이 결과에 추가되었습니다 모든 값을 취하는 것을 아는 대신 여기에서 간단하게 볼 수 있습니다

모든 입력을 하나씩 선택하여 하나씩 하나씩 하나씩 자동으로 당신을 위해 가치를 얻을 매우 멋진 방법 문자열이지만 양식이나 옵션을 선택하지 않고 serialize 메소드를 호출하십시오 여기에 배열이 있고 예제가 거의 없습니다 비슷하지만 실행 측면에서 조금 더 깔끔합니다 ArrayList를 유지하고 문자열 아티스트가 더 나은 경향이 있음을 의미합니다 오염 물질이 많기 때문에 각 기능에서 Chico를 사용했습니다

기본적으로 다시 필드에 통과 그래서이 비행 발 9를 봐 그리고 우리는 그것을 읽고 쓰고 여기에 결과를 표시하므로 Dean은 소스 요청을 사용하여 서버에 데이터를 제출하는 경우 매우 유용합니다 이제 jQuery 유틸리티에 왔습니다 이미 과거에 시작했지만 기본적으로 값의 배열을 취합니다 하나씩 하나씩 교역하여 대상을 취할 수 있습니다 또는 배열과 qidan 값을 전달하면 전체에서 가정됩니다 매우 쉽고 편리한 방법이므로 사용하는 것이 좋습니다 카네이션 for 루프라는 단어는 코드를 조금 더 보이게 만듭니다

더 깔끔하고 체계적입니다 그 안에있는 것은 많이 변하지 않지만 훨씬 더 깔끔하고 대규모 응용 프로그램에 대한 경험에서 무언가를 사용하는 경우 훨씬 강력합니다 거의 모든 곳에서 for 루프로 사용되며 물론 jQuery에서 선택할 수 있습니다 당신이 원할 경우를 대비하여 전체 요소 집합을 만들고 무언가를 수행하십시오 나는 당신이 링크를 각 내부의 링크 값으로 얻을 수 있다고 생각합니다

이 코드 스 니펫이 포함 된 태그를 얻을 수 있습니다 모든 Li 요소에 걸쳐 전자 태그의 스 니펫을 가져 와서 문의하거나 기록하십시오 다음은지도입니다지도는 매우 유용합니다 배열을 만들고 다른 배열을 만들고 싶었습니다

대문자로 된 단어를 사용하여 변경하지 않으려는 이름 목록을 작성하려는 경우 원래 하나지만 일부를 가진 새로운 것을 만들고 싶었습니다 도트 달러 도트 맵이 오는 곳의 수정 또는 변경 여기 보시면 Molly와 Libby라는 이름이 사용됩니다 이름을 추적하고 이름별로 공간을 분할하고 경우에 따라 그것들을 나누고 발표하기 위해 말할 것 내가 기록한대로 당신은 여자를 재미있게 폭발 시켰지만 그래 달러 도트 맵은 일을 처리하는 더 강력한 방법 중 하나를 수행합니다 달러 도트 트림은 단순히 트리밍 기능이므로 작은 것을 보여줄 수 있습니다 여기에 빠른 데모가 있으므로 이 따라서 중간 공간이 아닌 초기 공간과 끝 공간을 제거하지만 DNA의 시작 부분에서 공간을 제거하면 도움이되는 것입니다

유틸리티 함수라는 것을 알고 있으므로 사용자를 트리밍하는 데 필요할 수 있습니다 서버로 보내기 전에 입력하거나 정리 만하면됩니다 서버가 손상되었거나 손상되지 않아서 가져 오는 데이터 그러나 당신은 그것이 깔끔하게 유지되지 않는다는 것을 알고 있습니다 특정 플레이어 제한이 배열에 있는지 다음에 배열 확인에 도움 또는 현재 JavaScript에는 다른 방법이 없지만 그런 다음 jQuery에서 사용할 수있는 매우 유틸리티 기반 함수이므로 배열로 전화하면 우리는 말할 수 있고 여기에 우리와 그것이 있습니다 거기에 없으면 음수를 반환하고 거기에 있으면 반환합니다 색인은 기본적으로 색인을 정상적으로 반환하므로 조건은 최종 결과가 있다면 어떤 것이 영역인지 아닌지를 실제로 볼 수 있습니다

이 중 음수보다 크면 음수가 아닌 경우에 해당됩니다 100이 일기에 있는지 확인하고 있다고 가정하면 지금은 거짓입니다 그들 중 하나가 불리는 다른 유틸리티 함수는 함수입니다 어떤 것이 기능인지 또는 흥미롭지 않은지 확인하십시오 재미있는 방법으로 알고 그것을 시도해보십시오 각각의 사실은 배열을 배열하는 것입니다

그렇습니다 jQuery입니다 우리 모두가 창 개체를 본 기능을 사용하십시오 함수가 없으면 아니요 함수가 아닙니다 표시하면 객체입니다

이런 식으로 우리는 그것의 모든 기능을 호출했습니다 무언가를 확인하는 편리한 방법 다음 유형 인 경우 다음과 같이 평면 객체이므로 지금 설명했던 내용은 윈도우 함수는 평면 객체이므로 평면 객체가 아닙니다 유럽 ​​객체 창은 평면이 아닌 객체이지만 평면 객체입니다 여기이 경우 달러 달러를 꺼내려고 시도하지 마십시오 jQuery는 평면 객체가 아닌지 확인해 봅시다

그의 도끼에 관한 모든 것 Ajax 또 다른 평면 객체이지만 키가 더 큽니다 예, Ajax의 딸은 비슷한 기능입니다 무언가가 배열인지 또는 매우 유사한 방식으로 작동하는지 확인하기 위해 다음으로 다루어야 할 주제는 지연된 객체 또는 JavaScript 또는 jQuery에서 지연 된 개념 그러나 여기로 가기 전에 문제 설명을 소개하겠습니다 음소거 해제하겠습니다 말해 보자 LED를 여기에 놓거나 우리가하려고하는 것은 사용자 세부 정보와 결과 값을 제공하여 웹에서 세부 사항에 직면하고 우리는 지금 내가 한 일은 내가 Ajax를 불렀고 Jax가 콘솔 도트 로그 사용자 세부 정보를 배치 한 정확한 설명입니다

처음에 사용자 세부 정보를 수행 할 것으로 예상되는 작업 값이 없으면 아약스 호출을 한 다음 인쇄하려고합니다 콘솔에서 당신이 무엇을 기대하는지에 대한 세부 정보를 얻고 대답을 잡아라 세부 정보를 인쇄하지 않을지 여부 또는 세부 사항이 없을 것으로 예상 한 다음 무엇을 결정했는지 가정 실제로 페이지를 새로 고침하여 모든 내용을 정리하겠습니다 이 이 952를 보면 이것이 정의되지 않았다고 말하지만 정의되지 않았지만 한 번입니다 41 번을 봤는데 이것이 성공했다고 바로 우리가 Ajax 치료법을 불렀기 때문에 무슨 일이 일어 났습니까? 성공했습니다

네트워크 탭에 성공했음을 나타냅니다 데이터가 있지만 여기에 문제가있는 것 같습니다 그것은 비동기 방식이므로 기억합니다 작동합니다 JavaScript는 이것을 호출하고 다음 줄로 넘어갑니다 JavaScript는 이것을 호출하고 응답 할 때 다음 이름으로 넘어갑니다

JavaScript가이 기능을 실행할 때 서버에서 돌아옵니다 비동기식 이므로이 모든 것이 실행 된 후에 발생합니다 요청이 성공적으로 완료되었으므로 항상 콘솔 도트 로그가 표시됩니다 여기에 정의되지 않은 사용자 세부 정보로 이것은 실수와 같지 않지만 이것은 기본적으로 아약스 웹의 개념을 여러 번 이해하지 못합니다 복잡한 응용 프로그램을 다루거나 복잡한 응용 프로그램을 다루지 않을 때 응용 프로그램이지만 산업 수준에서 알고있는 것 이상 응답이 그렇게 결정하는 상황을 다룰 것입니다 특정 아약스 호출이 발생할 수 있으며 각 행동의 응답은 당신을 호출 다른 일을하고 싶기 때문에이 모든 일을 어떻게 관리합니까? 그 퀘스트가 해결되기를 기다리고 있다면 해야 할 일은 영화 목록을 가져와야한다는 것입니다

API 호출에 의한 IMDB 및 API 호출에 의한 잘못된 IMDB 영화 목록이 표시된 후 2 시간 이상인 영화를 선택해야했기 때문에 영화를 찾은 후 영화 목록에는 각 영화의 지속 시간이 있습니다 액터 목록에 대해 또 다른 API 호출을해야합니다 행위자 목록에 Tom Hanks가있는 경우 행위자 목록에 대한 다른 API 호출 그것에 또는 이름 T로 문자 T를 가진 특정 배우가 토마스 쓰레기 t는 내가 세부 사항을 얻는 데 필요한 배우의 이름으로 개별 API 호출이므로 URL 호출이거나 그래서 첫 번째는 영화 목록을위한 것이고 어떤 조건에 따라 특정 영화와 다른 영화에서 배우를 요구하고 있습니다 액터의 이름 일 수도 있고 배우 그래서 기본적으로 우리는 첫 번째 배우가 모든 배우가있는 모든 영화를 원합니다 이름은 문자 T로 시작하고 다음보다 많은 영화에서 별표로 표시됩니다 두 시간 동안 나는 그것이 상상할 수있는 시나리오가 아니라는 것을 알고 있습니다

이것이 우리가하고 싶은 것이라고 가정 할 수 있습니다 숙련 된 개발자 인 경우를 대비하여 비즈니스 로직을 신뢰하십시오 이보다 더 복잡한 경우를 보았을 것입니다 개발자 일단 당신이 한 번 당신에게 놀라지 않을 것입니다 3 년에서 5 년 동안 업계에서 일하고 있습니다 이것은 물론 하나의 대답은 내가 무언가를해야한다고 가정 해 봅시다

결과와 함께 여기에 몇 가지 조건이 있고 다른 Ajax를 호출하여 각 행동을 올바르게 수행하면됩니다 다른 Ajax 호출을 작성한 다음 그 안에 다른 호출을 작성할 수 있습니다 성공이라고하고 또 다른 것을 쓸 수있었습니다 그리고 계속해서 그것에 대해 그것에 대한 하나의 순진한 생각은 기본적인 생각은 AJAX 호출이있을 때입니다 성공 나는 또 다른 하나를 만들고 다른 하나를 만들 것이다 하나 더 만들어 줄 게요 그러면 당신은 정말로 자신에게 물어봐야합니다 디버깅이 매우 어려워서 어디에서 끝나나요? 이것으로 시작하기가 엄청나게 어려울 것입니다

하나의 이젝트 쿼드조차도 잘못되면이 오류가 발생합니다 두 번째로 이런 상황은 실제로 이름이 있습니다 자바 스크립트는 콜백 지옥이라 불립니다 콜백 지옥이라고하는 용어를 조정하십시오 실제로 있다면 무언가를 디버깅하기 위해 많은 복잡한 비즈니스 로직이 있으며 JavaScript 커뮤니티의 사람들은 이것을 잠재적 인 것으로 보았습니다

다가오는 복잡한 응용 프로그램의 상황으로 인해 문제가 발생했습니다 매일 일어나고있는 일이야 오늘날 인터넷을위한 웹상의 응용 프로그램은 이제 그들은 지연된 객체라고 불리는 것을 생각해 냈습니다 보류중인 국가에서 시작하여 올바른 달러 도트 e로 식별 할 수 있습니다 잭은 출력이 아직 정의되지 않은 보류 상태에서 시작합니다 그것이 성공 또는 실패라면 나는 Ajax 전화가 해고 된 곳에서 뜨거운 바위를 팔아서 팔았습니다

완료되었는지 알 수 없으므로 요청이 보류중인 상태입니다 우리는 서버가 아직 어떻게 반응 할 것인지 알지 못하도록했습니다 객체에는 기본적으로 두 가지 중요한 방법이 있습니다 jQuery AJAX 메소드의 결과 또는 거부는 지연된 객체에 대해 resolve를 호출합니다 요청이 성공하면 반환하고 거부 할 때 거부를 호출합니다

요청은 실패이며 해결 및 거부 모두 수동으로 실행할 수 있습니다 수동으로 생성 된 지연된 개체이므로 이에 대해 생각해야합니다 이 Ajax 함수 내부에서 jQuery의 각 호에 함수라고 불리는 것이 있습니다 전화와 옵션이 필요한 정확히 이제 그들이 한 일은 유예 된 물건 맞아 미안 해요 카 팔디 이것은 Ajax 함수가 어떻게 보일지에 대한 의사 코드입니다

jQuery 코드베이스의 측면은 이제 그들이했을 것입니다 일단 요청이 이루어지면 요청을 한 것 등을 호출했을 것입니다 옵션 시작 성공으로 해결되면 완료했을 것입니다 REO 거부 인 경우 이와 같이 호출되었을 것입니다 어느 쪽이 이런 식인지 알 수 있습니다

수행해야 할 작업을 지정할 때 내부적으로 작업하지만 실제로 이런 일이 일어나게 만드는 것은 내부에서 일어난 일입니다 응답이있을 때 아직 알지 못하는 연기 된 결정입니다 초기 요청을 해결하거나 요청을 거부하고 언제 그들은 그것을 해결하거나 거절 할 것입니다 그래서 이것은 객체 권리 이것은 옵션 옵션 옵션 옵션입니다 옵션 매개 변수로 들어오고 성공 방법이 정의되어 있거나 오류 메소드가 정의되어 있으며 기본적으로 알려줍니다 해결 방법은 옵션 또는 성공 방법을 호출 해야하는 경우 거부가 발생하면 옵션 도트 오류 메소드 지연된 개체도 호출합니다

실패 또는 항상 호출 된 다른 콜백 함수가 있으며 또한 Manly없이 여러 리스너가 e Jax 이벤트를들을 수 있습니다 체인 콜백을 호출하므로 체인 콜백은 앞에서 설명했듯이 허용되는 방식에서 매우 유용합니다 e Jax 이벤트에 대한 여러 청취자가 있고 시나리오에 응답 할 운명이 있습니다 jQuery에서 얻는 내용에 따라 다른 방식으로 약속이라고하고 연기 된 객체를 기반으로하므로 파생됩니다 지연된 개체에서 가져 오지만 지연된 개체가 아닙니다

하위 집합입니다 그것을 보는 한 가지 방법은 그것이 당신이 가지고있는 읽기 전용 지연 객체라는 것입니다 콜백을 연결하는 방법이지만 해결해야 할 금속이없는 경우 거부하는 한 가지 방법은 연기자가 생산자라는 것입니다 실제로 작업을 수행하므로 실제로 Ajax를 올바르게 호출하는 것입니다 지연된 곳이 정의되어 있지만 약속을 반환하여 함수를 이것은 아마도 무언가를 돌려 줄 것이라는 의미에서 약속을 돌려 줄 것입니다

요청 점 약속으로 불림 이제 약속은 소비자이므로 약속은 무엇을해야 할지를 결정하는 것입니다 함수가 반환되었으므로 예제를 보도록하겠습니다 친구의 특정 시험을보고 친구를 불러서 친구가 내게 약속한다고 말해 당신이 메모를 얻을 것이다 그래서 지금 당신은 친구가 가지고 있지 않다는 약속을 가지고 친구가 약속을했다는 약속은 친구가 약속이 성공하든 그렇지 않든 반응 할 것입니다 당신의 것이지만 메모를 요청하기 위해 할 수있는 일은 없습니다 기차에서 성공 또는 실패 나는 물론 당신이 그들에게 인센티브를 줄 수 있음을 의미 당신이 메모에 도착하면 나는 당신에게 치료를 줄 것이다

그러나 그것은 현실 세계이지만 여기서 당신이 말하는 것은 이상적인 세계 시나리오에서 그들이 생각하는 친구가 친구는 xeroxed로 메모를해야합니다 이미 가져와야합니다 다른 사람으로부터 그러나 그는 그들을 찾아야 실제 작업은 친구가 지금 문제가 해결되면 메모를 받으면 응답은 거부 된 경우 메모를 읽으십시오 응답이 다른 사람에게 전화를 걸 수도 있습니다 하지만 친구가 요청을 받으면 삼림 벌채를 지연시킵니다 기본적으로 그는 즉시 메모를 가지고 있지 않다는 점에서 파란색의 일부에서 그를 불러 내고 그 사람은 메모를 가지고 있지 않습니다 즉시 그는 괜찮아요 내가 당신을 위해 그들을 얻을 것이라고 그래서 이것은 시나리오가 아닙니다 이봐, 너는 나에게 메모를 해줄 수 있고 그들은 그렇지 않은 메모를 넘겨 준다

그 시나리오 시나리오가 있다면 나는 당신에게 그것을 줄 것이다 당신에게 그것을 제공하지만 어쩌면 분명히 말하지는 않지만 그들은 의미합니다 맞아 약속이야 그래 내가 메모를 해줄 게 Efford 상황에 대한 메모를 제공합니다 그들이 당신에게 돌아 오지 않는 한 그것은 연기되고 그것은 다릅니다 큰 차이와 약속은 제한적이라는 측면에서 유용합니다 그들이 그렇게 할 수있는 방식으로 당신은 분명합니다 jQuery에서 귀하의 응답은 무엇입니까? 메소드는 3 가지 주요 메소드가 있다고 약속을 리턴합니다 항상 그렇게 할 수있는 것은 전화를 걸 수 있습니다

알 수 있습니다 사용자의 제어점 로그를 작성하겠습니다 세부 이것을 시도하고 지금 69 번째 줄에서 작동했습니다 당신은 여기에 묻을지도 모르지만 나는 여기에서 같은 일을 할 수있었습니다 콘솔 도트 로그를 수행하고 있지만 원래 예제를 기억하기 때문에 콜백 지옥 지금 이것은 다른 Ajax 함수를 호출하기에 좋은 곳입니다

이것은 Jax 함수를 호출하는 것이 더 좋은 곳입니다 이 작업을 수행 한 다음 다음 3 개의 잭을 호출하면 실패합니다 그리고 항상이 Clearfield가 있습니다 이것이 기본 콜백입니다 거부 된 요청에 대해 항상 무엇이든 상관없이 항상 호출됩니다

제가 보여 드린 것과 매우 유사한 간단한 예입니다 함수 Ajax 응답을 호출하면 개별적으로 나갈 수 있습니다 그리고 이것들을 읽도록 훨씬 더 깨끗하게 설정했습니다 네가 여기 있었지만 나도 할 수 있었어 좋아, 이제 이것은 요청이고 나는 이것을 할 수 있었다 당신이 생각하는 경우에 이것을 가볍게 가져 가지 마십시오 오 이것은 단지 가독성에 관한 것이지만 가독성은 상당히 중요합니다

1 만 15 만 번의 코드 기반으로 작업하는 것을 상상해보십시오 정말 빨리 통제 불능 상태가 될 것입니다 기다리기 전에는 당신이 없이는 살아남을 수 없다는 것을 깨닫기 전에 당신이 할 수있는 개념으로 더 이상의 약속이 있고 사람들을 보았습니다 그러나 이런 것들을 배우고 최선을 다하는 것이 훨씬 낫습니다 내가 만들고 있다고 생각하는 또 다른 개념이 있으므로이 Ajax를 만들고 있습니다

계속해서 또 다시 전화 해 인터넷 전화를 걸고 있습니다 저장할 결과를 저장하려는 캐싱 개념 결과는 지금 당신이 원하는 것은 매우 간단한 캐시입니다 여기서 기술은 요청을하고 약속을 객체의 가치를 높이기 때문에 다른 모든 것을 잊어 버리십시오 요청의 ID가 다음과 같은 경우 첫 번째 유형에 대한 요청을하는 경우 그들이 내가 하나 하나 둘 셋 넷 ID로 노래를로드한다고 생각 건물 5 곡과 곡 1 곡은 아직로드되지 않았습니다 이 조건은 사실 이니까 약속을 저장하고 싶습니다 약속을 저장 내가 약속을하고있는 결과를 저장하지 않습니다 물론이 결과는 물론 약속은 정말 해결자가 거부하는 것을 거부합니다 전화를 걸면 전화를 걸었습니다

약속이 없을 때는 처음에는 그리 흥미롭지 않지만 이 블록은 if라고 불리지 않을 것이다 블록은 더 이상 사실이되지 않습니다 캐시 객체 안에 이미 존재하고 도트 다운을 호출해야합니다 그래서 일어날 일은 요청이 요청을 다시 호출되지 않을 것입니다 요청이 완료되면해야 할 일이 아니라 다시 호출되지 않습니다 완료되었습니다 그래서 이런 종류의 것입니다 10 개의 챕터에서 네 개의 노트를 얻었습니까? 그가 당신에게 노드를 계속 저장하도록 약속했습니다

당신이 바로 메모를 읽고 싶다면 지금 약속을 계속 전달 여기에 콜백 함수가 있으므로 여기에 콜백 함수가 필요합니다 당신이 매번 특정 장에 대한 노트를 찾으면 친구에게 전화를 걸 필요가 없습니다 전 할 수있는 메모가 필요합니다 당신에게 주어진 것에 의존하므로 현금은 저장 공간에 지나지 않습니다 메모를 받았으므로 이제 대신 메모를 저장했습니다 이 상황은 친구에게 물어봐이 상황은 8 장의 결절이 발견되어 그를 불러서 약속을했습니다 당신과 당신은 어딘가에 그것을 기록 할 것입니다

일단 약속이 성공적으로 이행되었다고 가정하면 그때까지는 노트를 읽을 수 있습니다 그 약속은 성공적으로 전달되었습니다 당신은 메모를 읽을 수 있습니다 여러 번 노트를 한 번받을 수 있지만 여러 번 읽을 것입니다 이것이 콜백입니다 여기서 콜백이 노래를 재생한다고 가정 해 봅시다 옳거나 홀수로 노래를 불러 오면 내가 콜백을하지 않은 현금이 호출 될 때마다 그 데이터를 계속해서 또 다시 호출 할 것입니다

이 약속이 원래 약속이라는 원래의 콜백 낚시를했던 데이터와 함께해야 할 일 여기 또 다른 것은 도트 메인 기능입니다 보시다시피 내가 당신에게 보여준 콜백을 ​​해결합니다 이것은 콜센터 콜 내부의 전화와 같습니다 아직 가지고있는 전화를 가정 해 봅시다 노래를 순서대로로드하려면 1 2 3 당신이 할 수있는 곳에서 다른 체인 기능은 노래가있을 때입니다 이 방법을 읽어야합니다

달러 점은 연기되었지만 사람은 달러 문설주라고 가정합니다 여기에 모든 세부 사항을 쓸 것입니다 그것이 노래라고 가정 해 봅시다 하나 하나 그래서 n 개의 요청을 전달할 수 있습니다 그런 다음 나는 초안을 말하고 노래가 내가하고 싶은 것이라고 가정합니다 세 곡 모두를 불러오고 싶을 때 우리는 모든 요청이 제공되고 물론 Flickr API에서 사용하여 지연된 객체를 만들었습니다

그들이 데이터를 잡은 다음 문제가 해결하는 요청 응답 데이터를 되 돌리면 달러 점 통증이 생깁니다 TFT에서 호출되므로 2 단계 식사가 완료되면 설정됩니다 당신은 점 맨을 사용하여 콜백 Hellyer를 피하고 있습니다 L에 합류하면 좋은 하루를 보낼 수 있습니다 관련 문의가 더 있으면 유익한 정보를 얻으시기 바랍니다

이 세션은 아래의 의견 섹션에서 의견을 보내 주시기 바랍니다 그때까지 가능한 한 빨리 답장하십시오 오늘 우리 사이트에서 모든 것이 감사하고 행복한 학습입니다 이 비디오를 듣고 즐기 셨기를 바랍니다 그것과 당신은 당신의 의심과 질문에 의견을 할 수 있으며 우리는 회신 가장 빠른 시간에 재생 목록에서 더 많은 동영상을 찾아보세요 Edureka 채널을 구독하면 더 많은 학습을 배울 수 있습니다