집 >웹 프론트엔드 >JS 튜토리얼 >jQuery 앵커 포인트 점프 스크롤 막대 부드러운 스크롤 한 문장 code_jquery

jQuery 앵커 포인트 점프 스크롤 막대 부드러운 스크롤 한 문장 code_jquery

WBOY원래의: 2016-05-16 18:28:09975검색

jQuery 앵커 점프 스크롤바 부드러운 스크롤 한 문장 코드

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

$( " html,body").animate({scrollTop: $("#box").offset().top}, 1000);

Jquery 팁은 다음과 같습니다 1. 컴파일 결과 제어

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

< script type=" text/javascript" src="scripts/jquery-1.2.6.min.js"> 
<%if (false) { %> type="text /javascript" src="scripts/jquery-1.3.2-vsdoc2.js"> 
<%}%> 

 
2. 

1 .jQuery에서 제공하는 기능을 사용하려면 먼저 jQuery 래퍼 세트를 구성해야 합니다.

Dom 요소를 jQuery 래퍼 세트로 변환

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

var div = document.getElementById("testDiv") //Dom 요소

 var domToJQueryObject = $(div); //jQuery 패키징 

3.jQuery 래퍼가 DOM 객체로 설정됨

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

var domObject = $("#testDiv")[0] // DOM 객체 가져오기

$("#testDiv") .each(function() { $(this).html("Modify Content") })//jQuery 래퍼 집합 작업으로 변환 

4.

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

jQuery( 콜백 )

반환: jQuery 

$(document).ready()

의 약어---------------------------- -- ------------------------------------------------ -- -
jQuery를 처음부터 배우기 (3) jQuery 패키징 세트 관리

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

Hello World jQuery!

第一个例子:点我运行

eq( index ) 获取第N个元素

获取匹配的第二个元素:
$("p").eq(1)

筛选出与指定表达式匹配的元素集合。第一个div

第 2 个例子:点我运行

filter( expr )

保留带有 test2类的元素: 在这里是带有 test2 class的
$("X").filter(".test2") 第2个div