12 Jquery Basic hide and show with Codeigniter 3

안녕하세요, 내 초고속 자습서에 오신 것을 환영합니다 이 자습서에서는 jquery로 양식을 숨기고 표시하는 방법 자바 스크립트와 이것은 기본적인 튜토리얼입니다 보시다시피 자바 스크립트의 여기에 당신을 입력 할 수 있습니다

jquery 브라우저를 클릭하십시오 jquery 311을 다운로드 한 다음 이 파일을 선택할 수 있습니다 압축 된 그리고 이것은 압축되지 않은 나는 이것을 클릭 할 것이고 나는 가지고있다

여기에 자바 스크립트 파일을 다운로드하고 그럼 내가이 파일을 열어야 해 나는 이것을 복사 할 것이고 나는 다시 프로젝트 그리고 내가 볼 수있는 한 여기에 CSS 폴더가있는 폴더 하나와 이제 새 디렉토리를 추가하겠습니다 js라고 불리면 여기에 붙여 넣습니다 jquery 여기 우리가 가서 jquery, 그냥 무시 이제 우리가 파일을 가지고 있기 때문에 지금은 괜찮습니다 우리는 이것에 자바 스크립트 파일 헤더에 추가하면됩니다

이것을 다음과 같이 추가하십시오 기둥과 public 및 js, jquery 지금 이걸 다시로드하십시오 과 너 이걸 조사해야 해, 여기 우리가 간다 jquery 파일 및 로그인해야합니다 좋아, 여기 보이는 것처럼 데이터 (보기)를 삽입하는 것입니다 여기에 나는 형식을 가지고있다

정상적인보기 나는 jquery를 여기에 추가 할 것이고, 나는 하나를 추가 할 것이다 여기에 "새로 추가"버튼이 있습니다 그리고 우리는 돌아 왔고 이것은 버튼입니다 좋아 그리고 ID를 추가하면 ID는 "addnew"가됩니다 확인 및 양식 ID를 추가합니다

우리의 양식 양식 확인 및 간단하게 여기에 스크립트를 추가하고 자바 스크립트 jquery의 형태는 문서 준비 기능, 이것은 기본 양식이며 이것은 귀하의 이것은 귀하의 양식이며 기본적으로 우리는 양식을 숨기고 단순히 ID가있는 경우 여기에 양식을 작성하십시오 이것과 클래스를 추가하는 것은 점입니다 확인을 누른 다음 ID에 대한 괜찮아 그냥 너는 숨길 수있어 좋아, 이제 내가 다시로드해야합니다

여기 우리가 간다 사라졌어, 그렇지 않아 요소가 CSS 스타일에 숨어 있어야합니다 CSS 파일과 결합 디스플레이 블록이라고 불리는데 여기에 행동을 추가 할 것입니다 'addnew' 실제로 'addnew'는 버튼 ID입니다

를 클릭하고 기능을 클릭하십시오 지금은 양식 보여줄 것입니다 좋아, 이제 우리는 다시 브라우저와 그 새로운 아 여기에 우리가 가서 내 양식입니다 실제로 값 여기에 우리는 멋진 것을 시도하고 생각합니다 이 자습서에서는 기본 jquery입니다

다음에 보자 비디오 감사합니다