jQuery本身并不能直接将图片上传到数据库，但可以通过AJAX技术将图片上传到服务器，然后将图片的路径保存到数据库中。以下是大致的步骤：1. 在HTML中添加一个文件上传表单，使用jQuery监听表单的提交事件。2. 在jQuery中使用FormData对象将表单数据和图片文件一起发送到服务器。3. 在服务器端接收到请求后，将图片保存到服务器的指定目录中，并将图片的路径保存到数据库中。4. 在前端页面中显示上传成功的提示信息。需要注意的是，上传图片需要服务器端的支持，具体实现方式可能因服务器环境而异。
您可以使用jQuery的ajaxFileUpload插件来实现图片上传到数据库。这个插件支持多文件上传、取消、删除，上传前缩略图预览、列表显示图片大小，支持上传进度条显示。
以下是一个简单的示例代码：
console.log(data); //上传成功后的回调函数
console.log(xhr.statusText); //上传失败后的回调函数
要让图文跳动而不是翻页，可以考虑使用动画效果或者交互式设计。动画效果可以通过CSS或JavaScript实现，如使用CSS3的animation或transition属性，或者使用JavaScript库如jQuery或GSAP来控制元素的动态效果。
交互式设计可以通过鼠标悬停或点击事件来触发元素的动态效果，例如使用CSS的:hover伪类或JavaScript的事件监听来控制元素的动态效果。在实现时要考虑兼容性和性能问题，避免过度渲染或卡顿，提高用户体验。
原生javascript : document.querySelector('input').value 这是浏览器提供的js访问DOM对象的接口
jQuery主要为DOM选择器做了封装，简化了语法，$('input').val()
vue、React、Angular都是采用了监听input的onChange事件实现了双向/单向数据绑定实时获取input中的值
原理上，所有的库和框架都在内部使用了原生javascript的方法获取input中的值