jquery
关注
分享
扫一扫
记录jquery小案例
冰淇淋ly
越努力越幸运！
展开
-
jquery限制文字大小
实现这样一个功能，比如限制文字20字，多余的文字用省略号代替。“更多”定位在右下角<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .a { width: 200px; height: 40px; position: relative;原创 2020-12-15 11:43:32 · 181 阅读 · 0 评论 -
监测网络连接状态
1、通过window.navigator.onLine来检测，用户当前的网络状况，返回一个布尔值， 但是不同浏览器会存在差异2 、online 和 offline ，他们监听的对象都是windowonline用户网络连接时被调用offline用户网络断开时被调用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>onLine</title&g原创 2020-11-27 16:20:29 · 392 阅读 · 0 评论 -
jquery中mouseenter，mouseleave，mouseover，mouseout，mousemove
mouseenter 事件只有在鼠标指针进入被选元素时被触发mouseleave 事件只有在鼠标指针离开被选元素时被触发。mouseover 事件在鼠标指针进入被选元素或任意子元素时都会被触发mouseout 事件在鼠标指针离开被选元素或任意子元素时都会被触发演示：mouseenter() 与 mouseover() 之间的不同mousemove()当鼠标指针在指定的元素中移动时 演示mousedown ()当鼠标指针移动到元素上方（包括子元素），并按下鼠标左键时mouseup()当鼠标指针移原创 2020-11-26 16:28:21 · 285 阅读 · 0 评论 -
jquery点击加号克隆，点击减号删除
写管理后台时候要实现以下效果，点击加号克隆整个项目费用部分，点击减号该项目费用部分消失。我是单独写了一个隐藏的部分，点击加号，就增加一个隐藏部分，点击减号，当前部分删除。如果用jquery动态加载标签，表单太多了，我觉得麻烦。实现代码$(document).on('click', '.addBaseClick', function(){ var copyer=$(".addBaseBox").clone(); //克隆的是隐藏部分，如果直接克隆显示部分，若输入框有值则会跟着克隆。 copy原创 2020-11-26 15:00:44 · 440 阅读 · 0 评论 -
移动端H5左右联动
demo下载路径https://download.csdn.net/download/qq_39232387/13145217实现下面这种效果整体布局左右联动的实现var $navList = $('.tab_ul li'), $conts = $('.tab_con'), curNav = 0;var contTopList = [];$conts.each(function(i) { contTopList.push($(this).position().t原创 2020-11-23 14:29:51 · 657 阅读 · 0 评论 -
jquery上传图片，限制4张，回显删除多图上传，限制格式大小
1.效果2.HTML<div class="upload-content"> <div class="content-img"> <ul class="content-img-list"></ul> <div class="file"> + <input type="file" name="file" accept="image/*" id="upload" multiple> </d原创 2020-09-10 12:05:56 · 804 阅读 · 3 评论 -
jquery注册表单验证提交，手机验证码倒计时
$(function(){ var u_phone = ''; //发送的验证码，全局定义，提交时需要核对验证码是否正确 $(".send").click(function(){ //点击发送验证码 var user_mobile=$("#user_mobile").val().replace(/(^\s*)|(\s*$)/g, "");//去除左右两边的空白字符 用户输入的验证码 if(user_mobile==""){ $("#error_info".原创 2020-09-09 14:20:32 · 305 阅读 · 0 评论 -
jquery网页滑动一段距离出现返回顶部
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body { height: 2000px; } .back-top { display: none; position: fixed; right: 30px;原创 2020-09-09 11:41:52 · 120 阅读 · 0 评论 -
jquery侧边栏表单验证提交，自定义下拉菜单
文件代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .entire { overflow-y: visible !important; } .toolbar-wrap { position: fixed; top: 0;原创 2020-09-04 17:45:53 · 162 阅读 · 0 评论 -
jquery根据勾选动态生成树形表格
根据勾选不同规格的种类，动态创建表格，点击加号可以添加种类，目前没实现改变输入框的值实时改变表格对应的值，只能通过再次勾选改变。表格开关默认开启。1。默认2.勾选后3.勾选后4.需要引入jQuery和对应图片5.代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css">原创 2020-09-04 16:36:38 · 309 阅读 · 0 评论 -
jquery写tab切换，有过渡效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ul,li { list-style: none; margin: 0; padding: 0; } .tabBox { width: 400px; height: 20原创 2020-07-16 11:01:50 · 460 阅读 · 0 评论