다시 오신 것을 환영합니다.
이 비디오에서 우리는 여기서 중도에서 벗어난 부분을 고르고 다음 단계에서 논의 할 다음과 같은 중요한 방법에 대해 계속 이야기 할 것입니다.
속성에 대한 설명이 부족하므로 문서로 이동하여 속성을 찾습니다.
여기에 ETR 위쪽으로 올라갈 것입니다.
우리는 거기에 갈.
그리고 우리가 그것을 사용하는 것은 속성의 값을 가져 오는 것입니다.
따라서 문서에 따르면 일치하는 요소 집합의 첫 번째 요소에 대한 특성 값을 가져 오거나 모든 일치 요소에 대해 하나 이상의 특성을 설정합니다.
따라서 우리는 속성을 검색 할 수 있거나 속성을 설정할 수 있습니다.
다행히도이 방법을 사용하여 정보를 얻거나 스타일을 검색하거나 텍스트를 검색하거나 격렬한 정보를 얻을 수있는 패턴을 발견했습니다.
그런 다음 메서드에 인수를 전달하여 설정할 수도 있습니다.
그래서 하나의 방법은 두 가지 다른 방식으로 동작합니다.
그리고이 패러다임은 getter와 setter 패러다임이라고 불리며, 여기서 정보를 검색하는 getter와 새로운 값을 설정하는 setter가 있습니다.
여기에 몇 가지 예제를 살펴 보겠습니다.
G 코드 문서에는 항상 훌륭한 예제와 문서 및 자습서 스타일이 있습니다.
여기서 살펴 보겠습니다.
우리는 이미지가 있고 그것은 I.D. 원본 및 대체 텍스트를 선택하여 멋진 사진 ID로 이미지를 선택할 수 있도록 도와줍니다.
그리고 우리는 우리가 바꾸려고하는 것을 Alt를 통과합니다.
그런 다음 새로운 값으로 전달할 수 있으며 여기에서 TTR을 사용하여 여러 값을 한 번에 또는 여러 속성으로 설정할 수 있습니다.
따라서 CSSA 메소드와 마찬가지로 객체를 전달하여 text 및 title 속성을 설정할 수 있습니다.
승인.
그래서 이것으로 놀아 봅시다.
다음은 우리가 함께 작업 한 페이지입니다.
나는 각 팀의 내용을 조금 더 추가 할 것입니다.
여기 하단에 이미지 태그를 추가하고 소스는 내가 가장 좋아하는 소나무 마틴이 될 것입니다.
그래서 귀엽다.
그리고 우리가 할 일은 J 쿼리와 TTR 방법을 사용하여 그 이미지 소스를 무서운 소나무 마틴으로 바꾸는 것입니다.
승인.
그래서 우리 페이지를 새로 고칠 것입니다.
여기에 우리의 이미지가 있으며 좋은 첫 번째 운동은 이미지를 선택하고 조금 더 관리하기 쉽게 만드는 것입니다.
그래서 우리는 이미지를 선택할 것입니다. 우리는 1133 픽셀 인 너비가 무엇인지 살펴보고 훨씬 더 작게 만듭니다.
그래서 우리는 2 500 픽셀로 바꿀 것입니다.
좋아, 좋아 보인다.
사실 그것은 조금 작고 몇 달이 더 걸릴 것입니다.
우리는 거기에 갈.
우리의 사랑스럽고 소나무 마틴이 있습니다.
따라서 우리는 TTR을 사용하여 이미지 소스를 변경합니다.
그래서 우리는 그 점 8과 같은 이미지를 다시 선택해야합니다.
그리고 우리는 소스의 가치를 먼저 구할 수 있습니다.
이것은 이미지 소스이며, 우리가 복사하고 클립 보드에 가지고있는 URL 인 두 번째 인수를 전달하여 설정할 수 있습니다. 거기에 우리가갑니다.
자동으로 업데이트됩니다.
그리고 우리의 무서운 소나무 마틴이 있습니다.
이것이 하나의 예입니다.
우리가 여기에서 할 수있는 또 다른 일은 type이 text와 같고 type 속성의 값을 변경할 수있는이 입력을 선택하는 것입니다.
여기서는 입력을하고 속성을 살펴 보겠습니다.
먼저 입력을 살펴 보겠습니다.
그것은 페이지에있는 유일한 것입니다.
그리고 나서 우리는 그 속성 유형을 할 것이고 타입은 텍스트라는 것을 알 수 있습니다. 그리고 이제 우리는 그것을 가지고 놀 수 있고 타입이 변경된다는 것이 착색됩니다.
그리고 내가 입력을 치는 것에 따라이 입구를 여기에서 보라.
이제는 색상 입력으로 변경되며 동일한 작업을 수행 할 수 있습니다.
이 시간을 체크 박스로 변경하십시오.
우리는 거기에 갈.
승인.
텍스트로 돌아가겠습니다. 왜냐하면 나중에 비디오에서 텍스트 입력으로 사용하기 때문입니다.
마지막으로 보여 드리고 싶은 것은 여러 요소에 대한 TR 메서드의 동작이므로 몇 개의 이미지 태그를 추가하는 것입니다.
그래서 우리는 하나의 2 개의 3 개의 이미지를 할 것이고, 나는 그것들을 얻기 위해 새롭게해야 할 것입니다.
그리고 그 거대한 이미지가 있습니다.
그래서 저는 다시 크기를 조정할 것입니다. 그리고 그것은 Khama 200의 행위로 SS를 보게되는 이미지 점과 J Query의 마법으로 인해 모두 200 픽셀이 될 것입니다.
자, 여기 처음 사진을 이빨로 무서운 소나무 마르텐 사진으로 바꾸고 싶다고 가정 해 봅시다.
이전에 시도한 작업은 실제로 모든 이미지 인 이미지를 선택하기 만하면 작동하지 않으므로 이미지 소스 3 개 모두가 변경됩니다.
그래서 만약 내가 처음에만 이미지 콜론을 사용할 수 있고 거기에 처음으로 내장 된 J 큐리 형은 처음에는 짧지 만 실제로는 CSSA 선택자를 사용하지 않기 때문에 약간 느리다는 것을 기억하십시오.
그래서 저는 처음으로 유형으로 돌아가서 근원을 바꾸어 당신이 알고있는 무서운 이미지로 만들 수 있습니다.
그리고 엔터를 치면 첫 번째 이미지에만 영향을줍니다.
마지막 이미지가 동일한 이미지 소스를 갖도록 업데이트하려는 경우이 무서운 소나무 마틴에 몇 가지 옵션이 있으며 첫 번째 이미지는 이와 같은 모든 이미지를 선택한 다음 마지막 방법 인 점을 사용하는 것입니다. 당신은 아직 보지 못했고 주어진 selector로부터 마지막 ​​요소를 리턴 할 것입니다.
그래서 이것은 세 개의 이미지를 모두 선택하고 마지막 이미지를 요구하고 나서 우리는 그 ATSDR 소스를 할 수 있습니다. 그러면 우리는 이미지 소스에 붙여 넣기를하고 엔터를 누르십시오.
그리고 마지막 이미지도 바뀌 었음을 알 수 있습니다.
그리고 나서 마지막으로 나는이 세 가지를 모두 바꾸어서 보여줄 것이므로 당신이 새로운 이미지를 갖게 될 것입니다.
여기에서 복사하여이 모든 이미지를 선택한 다음 해당 속성 소스 쉼표를 실행하고 New You in all에있는 모든 이미지를 동시에 변경하여 원본 속성을 모두 변경합니다.
따라서 TTR을 요약하면 소스와 같은 하나의 인수 만 제공하면됩니다.
그러나 우리는 두 번째 주장을 전달하지 않습니다.
그것은 단지 소스의 값을 반환합니다.
그래서 그것은 getter입니다.
그리고 우리가 새로운 것과 같은 두 번째 인자를 제공한다면, 우리가 여기서했던 것처럼 실제로 이전에 선택했던 모든 원소의 값을 업데이트 할 것입니다.
그래서 제가 보여주고 싶은 것은 Vau method입니다.
그래서 Val이하는 일은 입력에서 값을 추출하는 데 도움이된다는 것입니다.
그래서 평범한 자바 스크립트로 점수 기록원을 만들었을 때 그 숫자 입력과 그 입력 값을 가지고 생각해 보면 5에서 10까지의 게임에서 승리 점수를 지정할 수 있었고 거기에서 가치를 추출해야했습니다.
우리는 value라는 속성을 사용합니다.
Well Vau는 각 팀과 마찬가지로 J 쿼리 래퍼입니다.
격렬한 Jamail의 래퍼이고 텍스트는 텍스트 콘텐츠의 래퍼입니다.
여기에서 볼 수있는 몇 가지 예를 살펴볼 수 있습니다.
인수를 전달하지 않으면 선택한 특정 요소의 값이 반환됩니다.
그래서이 경우 우리는 foo의 클래스를 가진 select 요소에서 드롭 다운 메뉴를 가져온 다음 Val을 사용하여 어떤 요소 나 드롭 다운의 어느 부분이 선택되었는지를 알려주고 동일한 구문을 사용할 수도 있습니다 그러나 우리는 논쟁을 통해 입력 값을 변화시킬 것입니다.
이제 텍스트 입력으로 이동하여 콘솔을 지우고이 텍스트 입력을 선택하겠습니다.
따라서 달러 기호가 입력 된 다음 인수없이 Val을 실행합니다.
그리고 지금은 값이 빈 문자열이기 때문에 빈 문자열을줍니다.
거기에는 아무것도 없어요.
그래서 우리가 지금 내 이름처럼 무언가를 타이핑하고 우리가 차가운 강철에 알려주는 가치를 묻는다면.
여기에있는 것은 무엇이든지 우리가 뛰어 내렸을 때 움켜 잡았고, 우리가 보았던 다른 모든 방법들도 세터 방법으로 작용할 것입니다.
따라서 녹슨 강철 같은 것을 통과하고 입력을 누르면 입력이 업데이트되어 여전히 resti라고 표시됩니다.
입력을 업데이트하기 위해 실제로 코드를 작성할 때 궁금해 할 것입니다.
일반적으로 사용자가 입력을 업데이트하도록합니다.
내가 생각할 수있는 일반적인 사용 사례는 값을 지우고 싶었던 경우입니다.
To Do 목록 일 경우 사용자가 새로운 Candie 또는 내가 젤리 빈에 입력 할 수있는 것을 추가 할 수 있기를 원합니다. 그 방법으로 과대 평가되는 방식이며 우리는 Enter를 치고 새로운 동맹을 추가하고 싶습니다. 우리는 여기에있는 것을 지우고 싶습니다.
우리는 점을 사용할 것입니다.
그래서 내가 보여줄거야.
그냥 이렇게 보입니다.
그리고 나서 빈 문자열로 설정하고 거기에있는 내용을 지우므로 우리가 스스로 할 일을 만들 때 실제로 그렇게 할 것입니다.
Vau를 빈 문자열과 함께 사용하여 텍스트를 다시 설정하고 넣습니다.
마지막으로 언급 할 것은 Darvell은 value 속성을 가진 모든 요소에서 작동한다는 것입니다.
따라서 입력 텍스트 형식의 입력뿐만 아니라 색상 입력에 대한 확인란 및 색상과 같은 항목이 있지만 드롭 다운 메뉴도 포함되어 있습니다.이 드롭 다운 메뉴는 선택 항목 인 새로운 드롭 다운 메뉴를 작성한 다음이 선택 항목에 추가합니다 옵션 및 각 옵션은 하나의 선택 사항을 나타냅니다.
그래서 우리의 옵션에는 타조와 거북이와 두꺼비와 같은 나라에서 가장 인기있는 애완 동물이 포함될 것입니다.
확인을 클릭하면 페이지가 저장되고 새로 고침되며 이제 3 가지 선택 항목이있는 드롭 다운 메뉴가 표시되며 사용자가 선택한 선택 사항을 알고 싶으면 여기를 클릭하여 입력을 선택하지 않습니다. 더.
드롭 다운 메뉴를 제공 할 select를 선택해야합니다. 그런 다음 Vau를 실행하면 사용자가 두꺼비를 선택했음을 알 수 있습니다. 좋습니다.
결론적으로 80을 사용하여 원하는 특정 속성에 액세스하거나 속성을 설정 한 다음 값을 검색하거나 입력 또는 드롭 다운 메뉴의 값을 설정하는 데 사용됩니다.