jQuery_jquery의 nextUntil() 메소드 사용 예

이 기사의 예에서는 jQuery에서 nextUntil() 메서드를 사용하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

이 함수는 일치하는 요소를 찾을 때까지 지정된 요소 뒤의 모든 형제 요소를 찾지만 일치하는 요소는 포함하지 않습니다.

문법 구조 1:

코드 복사 코드는 다음과 같습니다.

$(selector).closest(expr, filter)

매개변수 목록:

参数	描述
expr	用于筛选匹配元素的表达式。
filter	可选。用于筛选nextUntil()函数通过expr表达式取得的jquery元素集合。

예제 코드:

예 1:

코드 복사 코드는 다음과 같습니다.

$(문서).ready(함수(){
$("li").eq(0).nextUntil(".jq").css("color","blue")
})

머리>

• HTML 영역


• 자바스크립트 영역


• Div Css Zone


• Jquery Zone


• ASP 존


• JSP 영역

본문>

예 2:

코드 복사 코드는 다음과 같습니다.

$(문서).ready(함수(){
$("li").eq(0).nextUntil(".jq",".js").css("color","blue")
})

머리>

• HTML 영역


• 자바스크립트 영역


• Div Css Zone


• Jquery Zone


• ASP 존


• JSP 영역

본문>

문법 구조 2:

코드 복사 코드는 다음과 같습니다.

$(선택기).closest(요소, 필터)

매개변수 목록:

参数	描述
element	用于筛选匹配元素的DOM对象。
filter	可选。用于筛选nextUntil()函数通过DOM对象取得的jquery元素集合。

예제 코드:

예 1:

코드 복사 코드는 다음과 같습니다.

$(문서).ready(함수(){
$("li").eq(0).nextUntil(document.getElementById("jq")).css("color","blue")
})

머리>

• HTML 영역


• 자바스크립트 영역


• Div Css Zone


• Jquery 영역


• ASP 존


• JSP 영역

본문>

예 2:

코드 복사 코드는 다음과 같습니다.

$(문서).ready(함수(){
$("li").eq(0).nextUntil(document.getElementById("jq"),".js").css("color","blue")
})

머리>

• HTML 영역


• 자바스크립트 영역


• Div Css Zone


• Jquery 영역


• ASP 존


• JSP 영역

본문>

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.