检测是否引入成功:
alert($);
一关于屏幕显示的问题
1屏幕加载完成
//1第一种方法
$(function()
{
//执行内容
});
//2第二种方法
$(document).ready(function()
{
//执行内容
})
2监听页面滚动
$(window).scroll(function(event)
{
console.log('页面滚动');
});
3相关参数
//获取整个文档的高度
var height1 = $(document).height();
//浏览器窗口可视区域的高度
var height2 = $(window).height();
//窗口滚动的顶部偏移量,即此时页面的上边界到可视区域的上边界的偏移量,简单的可以理解成整个页面滚动了多少距离
var height3 = $(window).scrollTop();
//元素的实际尺寸,即 height+padding+border
var height4 = $('#show_info').outerHeight();
console.log(height4);
元素的实际尺寸及外边距,即 height+padding+border+margin
var height5 = $('#show_info').outerHeight(true);
console.log(height5);
//元素的绝对偏移量,指#元素的实际尺寸(即不包括外边框margin)的上边界到页面顶端的距离.这个值不随窗口滚动而改变
var height6 = $('#show_info').offset().top;
console.log(height6);
//或者是
var height6 = $('#show_info').offset();
console.log(height6.top);
4设置滚动条位置
//竖向设置管滚动条位置
$(window).scrollTop(10);
//横向设置滚动条位置
$(window).scrollLeft(10);
如果填值就是获取滚动条的位置