jQuery 체인 작업 정보
1.jQuery 체인을 사용하지 않음:
$("div").html(value);
$("div").on("click",function(){
alert("hello jQuery");
});
$("div").fadeIn("slow");
$("div").animate({width:"100px"},1000);2.jQuery 체인 작업을 사용하려면 다음과 같이 하십시오.
$("div").html(value);
$("div").on("click",function(){
alert("hello jQuery");
}).fadeIn("slow").animate({width:"100px"},1000);여러분도 뚜렷한 차이를 보셨을 거라고 생각합니다. 코드 2는 코드 1보다 더 간결하고 우아해 보입니다!우리의 이해도 편리하다. 그러면 jQuery 체인 조작에 대해 당신은 얼마나 알고 있습니까?
체인 코드는 이미 jQuery에서 매우 유행하는 특징이 되었다. 체인 방식으로 코드를 작성할 때 eq(), Filter()의 jQuery 방법으로 체인 방법의 대상을 바꿀 수 있지만 jQuery의 end() 방법을 빌려 최초의 jQuery 대상을 복원하거나 계속 실행할 수 있다.주의, 몇 가지 jQuery 방법은 jQuery 대상을 되돌려주지 않기 때문에 체인 조작은 계속할 수 없다. 예를 들어 get()은eq()처럼 사용할 수 없다. 체인 문법은 비교적 유행하는 프로그래밍 방법이지만 이 방법을 사용할 때 읽기 편리하도록 독자들은 다음과 같은 몇 가지 문제를 주의해야 한다.
1.같은 jQuery 대상에서 세 가지 방법을 초과하지 않으면 같은 줄에 쓸 수 있습니다.예를 들어 다음 줄 코드는 첫 번째 단추를 선택하여 이름을 수정하고 클래스를 추가합니다.
$("input[type='button']").eq(0).val("change").addClass("#ff0000");2.만약 같은 jQuery 대상에서 많은 조작을 실행한다면, 줄을 나누어 써서 읽기와 수정을 편리하게 해야 한다.
3.여러 대상에서 소량의 조작을 실행하면 모든 대상에게 코드를 한 줄 쓸 수 있다.만약 하위 요소 조작과 관련이 있다면 축소 방법을 사용하여 설계를 고려하면 차원을 구분할 수 있다.예를 들어, 위의 예제에서 들여쓰기 디스플레이를 수행할 수 있습니다.
$('input[type="button"]')
.eq(0).click(function(){
alert('clicked me!');
})4.만약에 여러 대상에 대해 연속적인 조작을 많이 한다면 위의 몇 가지 방법을 결합하여 설계를 고려할 수 있다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
