微信登录

书闪笔记

书闪文章

jQuery教程

功能 - 页面自动滚动

+

在此添加单个AI新笔记

语法 - jQuery - javascript的简化

💡 语法精要

基础 - 引入jQuery

$(document).ready(function() {}); - 文档加载完后

⏳ 页面加载

方法 - function XXX() {} - 函数=方法

🔧 函数方法

$(window).resize(function(){xxx}); - 窗口大小变化

🖼️ 窗口事件

检测设备 - 手机、平板、电脑（电脑调整不影响）

📱 设备检测

方法 - setTimeout(function(){},?); - 等?秒执行

⏱️ 定时执行

方法 - setInterval(function(){},?); - 等?秒重复执行

⏱️ 循环定时

基础 - var XXX - 定义一个英文代表

📚 基础定义

基础 - JS=jQuery - 互换

数据 - typeof(data) - 查看数据类型

🔍 类型检测

数据 - []数组

🗂️ 数据结构

转换 - parseInt("12"); - string字符串转int数字

🔢 数值转换

转换 - a = x.toString(); - int数字转string字符串

📄 转字符串

转换 - eval(); - 字符串转JSON

🔄 类型转换

操作 - str.substring(0,str.length-3) - 字符串减后2位

✂️ 字符串截取

操作 - .split("@") - 字符串按xx分割为数组

🔪 字符串分割

操作 - 字符串截取

✂️ 字符串处理

功能 - $.each() - 遍历字典、对象

🔄 迭代遍历

功能 - alert(XXX); - 打印通知

💬 用户提示

功能 - console.log(XXX); - 控制台打印

🐞 调试输出

选择器 - $("#xx")、$(".xx")

修改 - $("#XXX").val(); - 选中<>里的值 - value

📦 表单取值

修改 - $("#XXX").text(); - 选中值的文本 - >文本<

📋 文本读取

修改 - $("#XXX").html(); - 选中内容包括标签

📝 HTML内容

修改 - $("#XXX").click(); - 鼠标点击

🖱️ 事件处理

修改 - $("#XXX").remove(); - 删除元素

🗑️ 元素删除

修改 - $("#XXX").empty(); - 清空元素

🔄 元素操作

修改 - $("#XXX").prepend(XXX); - 头部增加元素

➕ 添加元素

修改 - $("#XXX").attr(); - style外属性操作

⚙️ 属性控制

修改 - $("#p").text(); - 获得p标签的值

📝 文本获取

修改 - $("#XXX").css(); - 样式style操作

🎨 样式修改

修改 - $("#XXX").animate({top:"3px"}); - 动画修改

🎬 动画效果

直接用 - AJAX - 异步请求

🌐 网络请求

直接用 - Date() - 时间

📅 时间日期

特殊 - checkbox的checked要prop()函数

✅ 复选框处理

功能 - 复制到剪切板

功能 - 页面自动滚动

🔄 页面滚动

插件 - Markdown - Editor.md使用

🧩 插件集成

插件 - ztree - 树

功能 - 页面自动滚动

var div = $('div.autoscrolling');
var scroller = setInterval(function(){
    var pos = div.scrollTop();
    div.scrollTop(++pos);
    if($(this).scrollTop() + $(this).innerHeight() >= this.scrollHeight)
   clearInterval(scroller);
}
},100)

就是高度相减
if是到达什么位置就做什么
100：1000为1秒，这里0.1秒，24帧填41，60帧填17

粤ICP备19057273号-3

功能 - 页面自动滚动-书闪专业知识库