![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jq
longzai89757
一只期待满满的虾米
展开
-
定位到html
functiondivfocus(div){vartarget_top = div.offset().top;$('body,html').animate({ 'scrollTop': target_top});}原创 2017-11-02 18:29:30 · 361 阅读 · 0 评论 -
放大缩放图片
// 缩放图片 functionresizeImg(node,isSmall){ if(!isSmall){ $(node).height($(node).height()*1.2); }else{ $(node).height($(node).height()*0.8);原创 2017-11-03 10:55:52 · 336 阅读 · 0 评论 -
jq屏蔽右键
$(document).ready(function(){ $(document).bind('contextmenu',function(e){ return false; }); })原创 2017-11-03 10:51:06 · 242 阅读 · 0 评论 -
jq文件后缀选择器
$(document).on('click',"[href$='.txt'],[href$='.jpg'],[href$='.png']",function(){ var url=$(this).attr("href"); $(this).attr("href",'#'); window.location.href=("/index.php/H原创 2017-11-06 14:45:52 · 358 阅读 · 0 评论 -
jq的表单ajax提交封装
加入这个函数 给提交按钮添加button--pipalu这个class即可调用 /** * 通用表单提交(AJAX方式) */ $('form').on('click','.button--pipalu',function()原创 2017-12-25 17:54:05 · 289 阅读 · 0 评论 -
文本框改变事件,使用递归ajax思想
偶然的机会要用ajax获取后台多个数据的价格来更新页面数据,就写了这个,发现了ajax的递归写法,虽然最后没用上,但还挺有意思的,这个好处就是,数据库数据更新的话 就能随之改变,但在服务器反应方面很不尽人意,可能以后用到的不多,仅此记录。$(document).ready(function(){ $("input[name='price']").bind('in原创 2017-12-25 18:07:02 · 242 阅读 · 0 评论 -
layui插件表单验证提交触发提交
<!---------------HTML部分----------------------------> <form class="layui-form" action="{:url('login/login')}" method="post"> <div class="logi_content">原创 2018-03-26 15:28:31 · 19583 阅读 · 0 评论 -
ajax添加header
$.ajax({ headers: { Accept: "application/json; charset=utf-8" }, type: "get", success: function (data) { }});二、beforeSend方法$("#test").click(function() { $.ajax({...原创 2018-05-02 18:16:24 · 31621 阅读 · 0 评论 -
文本框先发生改变的文本框改变事件
$('.line_num').bind('input propertychange', function() { var num = $(this).val(); $(this).parents('.layui-form-item').find('.num_con').val(num); });o...原创 2019-03-21 12:02:48 · 1347 阅读 · 0 评论 -
hover事件改编
正常hover事件在某些时候会有局限性,可以改编成这样 //hover事件 $(".search_li").on("mouseenter mouseleave",function(event){ $(".search_li .redline").removeClass("redinehover,redinehoverout");原创 2017-11-03 10:41:51 · 180 阅读 · 0 评论 -
js旋转div
var _rotate_deg = 0;//回正 回到0度var _rotate_angle = 30;//旋转度数 30度var _rotate_deg_step = 5; //每次旋转角度,能够被_angle整除var _rotate_duration = 1;//每次旋转时间var _rotate_count = 0; //初始旋转次数var _rotate_count_转载 2017-11-03 10:50:00 · 1085 阅读 · 0 评论 -
一段根据后台内容动态合并单元格的代码
doctypehtml>html>head>metacharset="utf-8">title>无标题文档title>linkhref="__PUBLIC__/csspingfen/index.css"rel="stylesheet">scriptsrc="__PUBLIC__/jspingfen/jquery.js">script>script原创 2017-11-02 18:34:45 · 718 阅读 · 0 评论 -
条件对象选择器
$('.contact_tk .detail_up_next1').click(function(){ varid = $(this).attr('data-id'); varupid = $('.join_us li[data-id='+id+']').prev().attr('data-id'); vardownid原创 2017-11-02 18:36:14 · 217 阅读 · 0 评论 -
把焦点光标移动到id的文本最后
setFocus=function(id){var t=$("#"+id).val();$("#"+id).val("").focus().val(t);}//获取焦点后光标在字符串后//其原理就是获得焦点后重新把自己复制粘帖一下var t=$("#"+id).val();$("#"+id).val("").focus().val(t);转载 2017-11-02 18:38:20 · 220 阅读 · 0 评论 -
jq添加插入元素
jquery添加分为在指定元素的里面添加和外面添加两种:里面添加使用(append 和prepend)里面添加又分为在里面的前面添加和后面添加里面的前面添加使用prepend和prependTo里面的后面添加使用append 或appendTo外面添加使用(after和before)外面添加又分为在外面的转载 2017-11-02 18:40:18 · 1559 阅读 · 0 评论 -
序列化表单
方法一:function getFormData(form){ var data = form.serialize(); data = decodeURI(data); var arr = data.split('&'); var item,key,value,newData={}; for(var i=0;i item = arr[i].split('原创 2017-11-02 18:47:53 · 193 阅读 · 0 评论 -
jq截取文字
$(".gl_ld p").each(function() { varmaxwidth = 40; if($(this).text().length > maxwidth) { $(this).text($(this).text().substring(0, maxwidth));原创 2017-11-03 10:40:36 · 635 阅读 · 0 评论 -
对象的下一个对象
对象的下一个对象 $this.parents(".time_tr").nextUntil(".time_tr").remove();上一个下一个 varupid = $(this).prev().attr('data-id'); vardownid = $(this).next().attr('data-i原创 2017-11-03 10:44:15 · 205 阅读 · 0 评论 -
validation验证不使用submit的情况
表单验证绑定其他事件 $("#teams").click(function(){ if(!$("#group_form").validationEngine("validate")) return ; var data = getFormData($('#group_form')); var index = layer.load(3,原创 2017-11-03 10:46:12 · 588 阅读 · 0 评论 -
layui全选,取消全选
form.on('checkbox(checkall)', function(data){$('.layui-card-body input[type=checkbox]').prop("checked",data.elem.checked);form.render('checkbox');});var allch...原创 2019-07-02 16:05:54 · 2425 阅读 · 0 评论