>  기사  >  웹 프론트엔드  >  jQuery 앵커 포인트 점프 스크롤 막대 부드러운 스크롤 한 문장 code_jquery

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

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

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