JQ
每天都进步一点点
这个作者很懒,什么都没留下…
展开
-
ajax添加的新元素,点击事件无效
在HTML中通过Ajax动态添加的元素,直接使用jQuery或其他库绑定click事件可能无效,因为这些元素在DOM加载完毕时还未生成,所以无法绑定到它们上面。为了解决这个问题,你需要使用事件委托机制,在已存在的静态父级元素上绑定事件处理函数,然后根据事件目标来判断和处理子元素的点击事件。在这个例子中,.telephonecall是你通过Ajax动态添加的元素的类名。当点击这个类名下的任何元素时,都会触发事件处理函数。原创 2024-03-26 09:47:15 · 390 阅读 · 0 评论 -
jq禁止单选框手动选择
在上述代码中,第一部分通过监听所有单选框的click事件并阻止其默认行为来禁止手动选择。而最后一行展示了如何直接通过.prop(‘disabled’, true)来禁用单选框,这样不仅会禁用用户交互,还会使单选框呈现一种不可用的状态(通常显示为灰色)。如果你想禁止单选框()的手动选择,可以通过JavaScript或jQuery来移除元素的可点击性(pointer-events CSS属性),或者监听单选框的click事件并阻止其默认行为。原创 2024-02-24 13:39:38 · 527 阅读 · 0 评论 -
layui laydate选择时间的回调方法
点击日期、清空、现在、确定均会触发。回调返回三个参数,分别代表:生成的值、日期时间对象、结束的日期时间对象。年月日时间被切换时都会触发。回调返回三个参数,分别代表:生成的值、日期时间对象、结束的日期时间对象。控件在打开时触发,回调返回一个参数:初始的日期时间对象。原创 2024-01-18 18:25:43 · 3900 阅读 · 0 评论 -
jq版本说明
jq版本说明翻译 2022-08-24 11:23:40 · 362 阅读 · 0 评论 -
js输出参数转为实体html
var title = '标题<script>alert(1)</script>';$('.title').html(title);// 这样会被弹窗// 经过以下处理一下var title = title.replace(/[<>&"]/g,function(c){return {'<':'<','>':'>','&':'&','"':'"'}[c];});// 用正则表达原创 2022-01-14 09:51:40 · 380 阅读 · 0 评论 -
JQ实现点击文字后变成文本框,修改发送后台保存
业务逻辑描述:1、点击文字变为文本框 ,并选中文字2、对文本框内容进行修改3、点击文本框以外的地方文本框再次变为修改后的文字,如果是删除文字,显示默认提示文字(暂无描述)4、 AJAX同步更新SQL数据库内容HTML:<div class="item-desc" > <span class="item-desc-span">{$vo['filename']}文字</span> <input type="hidden" name="id" value=原创 2021-12-17 15:20:46 · 5557 阅读 · 0 评论 -
html可编辑的表格
<!DOCTYPE html ><html ><head><meta charset="utf-8" /><title>可编辑表格</title><style>table.wTable { margin-top:15px; border-collapse:collapse; border:1px solid #aaa; width:100%;}table.wTable th { vertical-a原创 2021-09-03 08:40:29 · 10102 阅读 · 2 评论 -
预加载 lazyload
placeholder.png 为占位符小图片/upload/images/1.png 为数据图片<!--正常图片--><img class="lazyload" data-src="/upload/images/1.png" src="/public/images/placeholder.png" alt=""><!--背景图--><div class="img lazyload" data-src="/upload/images/1.png" styl原创 2021-08-05 10:50:17 · 4472 阅读 · 0 评论 -
把页面所有url拼接带上某个参数
<input type="hidden" id="gclid_field" value=""><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script> $(function (){ var gclid = $('#gclid_field').val(); $.each($("a"),function(k,v){ $原创 2021-06-03 16:20:32 · 5539 阅读 · 0 评论 -
返回上一步 去除复选框还是默认选中状态
记录给自己看的,看不懂留言跟我说,反正我也不会回复你$(".cart input[type=checkbox]").each(function() { $(this).prop('checked', false); $(this).data('checked', false); $(this).removeAttr('checked');});原创 2021-04-16 17:40:29 · 168 阅读 · 0 评论 -
input radio点击选中再点击取消
这里主要说一下这个jquery中的data()方法,个人感觉这个方法平时挺少用到的,所以说一说,按照官方的解释就是 向元素附加数据,然后取回该数据;嗯,是的,就是这么简单。那这里说一下这个方法的使用,我们都知道单选按钮在点击之后再点击是不能直接取消的,要取消的话只能使用js设置checked属性,如果是单个单选按钮,还是挺容易的,但是多个单选的时候,就会觉得很蛋疼,所以我们可以使用data()方法来实现html部分<div><input type="radio">按钮<转载 2021-04-16 16:59:12 · 2982 阅读 · 0 评论 -
jQuery ajaxSend() 方法失效问题
检查页面是否引用了2次JQ,我的就是这样导致失效原创 2020-09-08 17:55:31 · 2451 阅读 · 1 评论 -
h5 苹果IOS端 播放mp3 没声音
安卓播放正常。苹果由于对流量存在限制,不支持页面加载完后自动播放,可以通过调用微信提供的接口,在微信中打开实现音频的自动播放功能。代码如下:<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script><audio src="xxx.mp3" autoplay id='bgm' loop...原创 2020-01-22 12:14:56 · 2235 阅读 · 0 评论 -
异步获取数据渲染之后 slick 轮播效果失效 要重新生效
异步渲染数据之后,再执行以下代码:$('.class_name')[0].slick.refresh();//轮播重新加载效果原创 2020-01-07 09:33:25 · 1714 阅读 · 2 评论 -
h5弹出层滑动时 禁止底层滑动
设置样式:.noscroll{ height: 100%; overflow: hidden;}在点击弹出层js方法添加:$('html,body').toggleClass('noscroll');在关闭弹出层js方法也添加:$('html,body').toggleClass('noscroll');...原创 2019-08-28 11:08:28 · 1408 阅读 · 0 评论 -
a标签 onclick事件 防止重复提交
<a href="javascript:;" onclick="bid()" id="bib_sub">出价</a>function bid(){ document.getElementById('bib_sub').onclick = null; // 解绑onclick事件 var index...原创 2019-08-23 16:13:12 · 2324 阅读 · 0 评论 -
form表单异步上传图片提交表单
该方法记录只为方便我自己查阅使用$.ajax({ url:'up.php', /*去过那个php文件*/ type:'POST', /*提交方式*/ data:data, cache: false, contentType: false, /*不可缺*/ ...原创 2019-05-28 14:08:48 · 1506 阅读 · 0 评论 -
鼠标移到到图片,图片向上滑动预览效果
<!DOCTYPE html><html><head> <title>鼠标移到到图片,图片向上滑动预览效果</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> <script type="text/...原创 2019-04-15 09:22:47 · 3176 阅读 · 0 评论 -
银行卡号码显示每隔4位数空一格
<input type="text" name="card_number" id="card_number" placeholder="请输入银行卡号" onkeyup="formatBankNo(this)" onkeydown="formatBankNo(this)">function formatBankNo (BankNo){ if (Ban原创 2018-10-15 16:17:15 · 2096 阅读 · 0 评论 -
div li隔行变色 鼠标悬浮高亮显示 jquery控制css样式
$("table tr").eq(1).remove(); //删除第一行数据$("#tbl1").find("tr").eq(0).remove(); //删除第一行数据,eq的下标是从0开始。$("#tblContent tr:even").css("background-color", "#333"); //奇数行$("#tblContent tr:odd转载 2015-09-29 14:44:38 · 2057 阅读 · 0 评论 -
点击向上 点击向下
<ul id="sort"> <li><a class="" href="javascript:;">默认</a></li> <li><a class="" href="javascript:;">价格</a></li> <li><a class="down" href="javascript:;">发布时间</a></li> <div class="clear"><原创 2015-09-22 09:53:32 · 670 阅读 · 0 评论 -
点击 给class 去除其他class
<p class="lx_g" id="fieid"> <em> <a class="on" href="javascript:;">汽运专线</a>| <a href="javascript:;">汽运整车</a>| <a href="javascript:;">海运线路</a>| <a href="javascript:;"原创 2015-09-21 20:13:10 · 1111 阅读 · 0 评论 -
限制多选框选择数量
在网上找到的,可以使用。由于刷新后,多选框会保留选中的,这时数量达到要求后还是可以选择的bug,在前面加个判断数量是否数量达到要求的处理就可以了。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html转载 2016-01-05 16:46:46 · 5284 阅读 · 0 评论 -
js 获取选中的多选框值
<input type="button" name="subdel" value="批量删除" onclick="return Delete('delid[]');"><script>function Delete(name){ var chk_value =[]; $('input[name="'+name+'"]:checked').each(function(){原创 2016-02-23 20:49:32 · 5220 阅读 · 0 评论 -
加载图片出错时,加载其他图片
这个用到 onerror 事件。 onerror 事件会在文档或图像加载过程中发生错误时被触发。 加载页面时,如果加载logo.png错误,就会加载logo2.png<img src="logo.png" height="98" width="98" onerror="showImgDelay(this,'logo2.png','2')">function showImgDelay(imgObj原创 2016-03-21 16:50:37 · 1674 阅读 · 0 评论 -
显示和隐藏状态之间切换 slideToggle()
通过使用滑动效果,在显示和隐藏状态之间切换 元素:$(".btn1").click(function(){ $("p").slideToggle();});翻译 2016-10-10 20:32:59 · 2857 阅读 · 0 评论 -
全站图片禁止显示右键菜单
图片禁止右键菜单原创 2017-02-08 13:49:41 · 1747 阅读 · 0 评论 -
兼容各浏览器的点击复制文本框内容的Jquery插件
案例包下载地址:http://pan.baidu.com/s/1dDuaXKt zeroclipboard实现多浏览器复制到粘贴板功能(单个复制按钮和多个复制按钮) 为了更好的用户体验,现在很多网站中文本框的内容只需要点击复制按钮这样就能把内容复制到粘贴板了; 出于兼容性的考虑,基本上都是通过zeroclipboard来实现.首先要下载zeroclipboard,解压后把ZeroClipbo转载 2015-08-27 14:50:41 · 3321 阅读 · 2 评论 -
返回顶部
<a class="back-top show" id="backTop"></a><style type="text/css"> .back-top.show { display: block; } .back-top { display: none; position: fixed; bottom: 2.12原创 2017-05-27 09:04:13 · 222 阅读 · 0 评论 -
如何获得select被选中option的value和text和其他属性值
我想获取select选中的value,或者text,或者……比如这个:转载 2017-10-11 16:00:37 · 5000 阅读 · 0 评论 -
jquery点击加class再次点击移除添加的class
toggleClass方法可以实现对某一class进行添加、删除操作。示例: html:<li class="li2 "> <a href="javascript:;" onclick="collectGoods({$data.goods_id})" id="collect_btn"> <i class="icon {if $dat原创 2017-10-12 16:52:15 · 7290 阅读 · 0 评论 -
html5 实现网页截屏 页面生成图片(源代码)
<!DOCTYPE html><html> <head> <meta name="layout" content="main"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src=翻译 2017-11-17 17:44:49 · 28638 阅读 · 1 评论 -
多选 限制选择数量
<input type="checkbox" class="check_box" name="welfare[]" value="1" ><input type="checkbox" class="check_box" name="welfare[]" value="2" ><input type="checkbox" class="check_box" name="welfare[]" val原创 2017-12-27 16:00:16 · 3295 阅读 · 0 评论 -
share.js分享 JQ第三方分享插件 可自定义链接、标题
1、直接使用以下代码 2、加载附件中的js、css 3、定义要分享的链接<!-- share css & js --><link rel="stylesheet" href="/share/css/share.min.css"><script src="/share/js/social-share.min.js"></scr原创 2018-02-08 09:03:31 · 23046 阅读 · 4 评论 -
精准定位省市区街道
用浏览器只能看到省市区。用手机浏览能看到省市区街道。<!DOCTYPE HTML><html><head><meta charset="utf-8" /><meta name="keywords" content="" /><meta name="description&q原创 2018-04-26 15:09:06 · 1989 阅读 · 0 评论 -
Jquery怎么获取select选中项 自定义属性的值
<select name="" id="ddl_bonus" onchange="ddl_change()"> <option value="0" data-money="0.00">选择优惠券</option> <option value="1" data-money="原创 2018-05-26 11:39:46 · 4522 阅读 · 0 评论 -
jQuery设置disabled属性与移除disabled属性
//两种方法设置disabled属性$('#areaSelect').attr("disabled",true);$('#areaSelect').attr("disabled","disabled");//三种方法移除disabled属性$('#areaSelect').attr("disabled",false);$('#areaSelect').removeAttr("disabled原创 2015-07-24 17:49:45 · 1730 阅读 · 0 评论