涉及技术点:
- 定时器setInterval()使用;
- 页面可视区的高度clientHeight/滚动条距离顶部的高度scrollTop;
- scroll/click事件。
- 按钮的隐藏与显示
Web前端学习博客。
$(window).scroll(function(){/*......*/};
jQuery UI型插件
拖曳插件draggable的功能是拖动被绑定的元素,当这个jQuery UI插件与元素绑定后,可以通过调用draggable()方法,实现各种拖曳元素的效果,调用格式如下:$(selector). draggable({options})
jQuery有很多有用的插件,其中Validation插件是最常用的插件之一。 客户端表单验证是现代网站经常采用的方式,可以减少服务器压力,缩短用户等待时间和提升用户体验。jQuery Validation插件提供了很多的配置项目,还附带了很多验证方法及多语言提示。
jQuery表单验证插件:https://plugins.jquery.com/tag/validate/
jQuery Validation插件:http://jqueryvalidation.org/
jQuery Validation插件特点:
该插件自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下:$(form).validate({options})
其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置。
ajax 的全称是Asynchronous JavaScript and XML(异步的JavaScript和XML),即用JavaScript去异步的获取XML文件作为交换格式,由 Jesse James Garrett 在2005年提出。其中,Asynchronous 是异步的意思,它有别于传统web开发中采用的同步的方式。
jQuery还为我们提供了许多的辅助工具方法,以便于我们进行各种常用的代码逻辑处理。
例如:
工具方法——用于协助发送或处理AJAX请求,简化AJAX操作.
jQuery.ajaxPrefilter()函数用于指定预先处理Ajax参数选项的回调函数。
在所有参数选项被jQuery.ajax()函数处理之前,你可以使用该函数设置的回调函数来预先更改任何参数选项。
你还可以指定数据类型(dataType),从而只预先处理指定数据类型的参数选项。
该函数可以调用多次,以便于为不同数据类型的AJAX请求指定不同的回调函数。
jQuery还对Ajax进行了封装了,我们可以非常方便地发送一个Ajax请求,并对响应进行处理。
例如: