
jquery
jQuery
_格鲁特宝宝
这个作者很懒,什么都没留下…
展开
-
移动端软键盘弹出时底部 fixed 定位被顶上去
移动端解决软键盘弹出时底部fixed定位被顶上去的问题移动端页面的底部菜单栏,通常会使用fixed定位在底部。在安卓手机上经常会出现软键盘弹出时,底部定位被顶上去,下面提供vue和jQuery两种解决办法。vue.js代码<!--html部分--><div class="footer" v-show="hideshow"></div>// js 部分data(){ return { docmHeight: document.docum原创 2020-06-18 17:37:53 · 1593 阅读 · 1 评论 -
jQuery 选择器
选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") 所有 class="intro" 的元素 element $("p") 所有 <p> 元素 .class.class $(".intro.de...原创 2020-02-24 17:34:12 · 192 阅读 · 0 评论 -
jquery 插件封装
入门编写一个jQuery插件开始于给jQuery.fn加入新的功能属性,此处添加的对象属性的名称就是你插件的名称:jQuery.fn.myPlugin = function(){ //你自己的插件代码};用户非常喜欢的$符号哪里去了? 它仍然存在,但是,为了避免和其他(function ($) { $.fn.myPlugin = function () { //你...原创 2018-12-10 17:47:55 · 179 阅读 · 0 评论 -
jquery 模仿时钟显示效果 clockPlugin插件
clockPlugin兼容性clockPlugin插件是在jQuery的基础上开发的,所以clockPlugin使用需事先引入jQuery。clockPlugin下载链接:https://pan.baidu.com/s/1haxRk-uEpdhw03ES2SpoPA提取码:43grclockPlugin使用1.引用jQuery及插件代码<scr...原创 2018-12-10 18:06:46 · 538 阅读 · 0 评论 -
JS 实现自定义滚动效果
var timer = null;//获得当前滚动盒子scrollBoxvar ulList = $(".scroll ul.scrollBox");//获得当前scrollBox里面滚动元素的个数var ulNum = $(".scroll ul.scrollBox").children("li").length;if (ulNum > 2) { timer = set...原创 2018-12-11 18:26:58 · 315 阅读 · 0 评论 -
JS 设置某个div中a标签有href就去掉 :after 遮罩层
html:<div class="fl"> <a> <span class="jwHover"> <img src="img/jiwu07.png" > </span> </a></div原创 2019-01-24 16:23:55 · 1196 阅读 · 0 评论 -
jQuery 追加、拼接元素的方法(append、appendTo、html、insertBefore、before、insertAfter、after)
1、append & appendTo 的功能均为:在被选元素结尾(仍在元素内部)插入指定内容,但是内容和选择器的位置不同 (1) append()方法:$("#test").append("<p>测试</p>"); //在id为test元素内部末尾插入<p>测试</p> (2) appendTo()方法:$("&...原创 2019-06-21 14:34:18 · 2324 阅读 · 0 评论 -
jQuery 监听 input 输入匹配数据库的值
$("#forecast-index-bus").on("input", function(e) { showalert(e.currentTarget.value)});// 展示 alert 内容function showalert(param) { var key = param; if (key != '') { //这里给个全数据 ...原创 2019-06-21 15:34:59 · 424 阅读 · 0 评论 -
jQuery 避免 click 多次绑定方法
$("#dom").click(function(){})这样只是会在原click方法中继续添加新方法;当然解决办法是解绑:$("#dom").unbind("click");但是每次都得增加这一步很麻烦,你也可以直接解绑再绑定:$("#dom").unbind("click").click(function(){});这样就不用每次都解绑...原创 2019-06-24 15:47:44 · 586 阅读 · 0 评论 -
jQuery 获取与设置div的宽高
jQuery获取与设置div的宽高的方法有两种:1. 使用尺寸函数2. 使用css方法 获取宽高1. 尺寸函数: height() 获取高度,width() 获取宽度2. css获取div宽高: css("height")获取高度,css("width")获取宽度区别:尺寸函数获取的值为整型,而css获取的值为带px的字符串$(".divClass"...原创 2018-11-23 15:44:54 · 607 阅读 · 0 评论 -
jQuery 中trigger()方法使用 -- 复制元素点击事件
1. 常用事件在页面加载完成时 自动触发input的点击事件,在移动端可以实现自动弹出输入法,获得焦点$("input").trigger("click").focus();简写为以下:$("input").click();2. 自定义事件$("#btn").on("myClick",function(){ alert("自定义事件");});$(原创 2018-11-23 15:23:51 · 1008 阅读 · 0 评论 -
jQuery 实现div滚动条默认最底部以及默认最右边
$('#scroll_div').scrollTop( $('#scroll_div')[0].scrollHeight);$('#scroll_div').scrollLeft( $('#scroll_div')[0].scrollWidth);原创 2018-09-04 16:46:30 · 3562 阅读 · 9 评论 -
jQuery 获取元素margin-bottom值
var px = $('#sampleDiv').css('marginBottom'); // px = '400px'var num= parseInt( $('#sampleDiv').css('marginBottom') ); // num = 400原创 2018-08-30 14:51:52 · 5712 阅读 · 0 评论 -
jQuery onclick()调用函数中的$(this)未指向当前节点
在开发过程中我们经常会遇到 onclick() 点击事件中,$(this) 默认绑定并指向的是全局对象window,而不是指向该元素,若要获取onclick() 所在节点的object,我们则需要在调用function函数时把this传递过去:<a href="javascript:void(0)" onclick="openNewLink(url,this)" class="pr...原创 2018-09-13 17:56:42 · 6469 阅读 · 0 评论 -
jQuery Ajax 请求数据格式
$.ajax({ type: "post", //请求方式 async: true, //请求是否异步,默认为异步,这也是ajax重要特性 url: "", //请求的url地址 data: {}, //参数值 dataType: "json", //返回格式为json // 返回格式为jsonp时使用以下方式,需配合后台处理 // jsonp:"jsonpcallback", ...原创 2018-10-16 14:47:24 · 405 阅读 · 0 评论 -
jQuery Ajax 异步请求data参数数据格式的六种方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <form原创 2018-11-06 13:42:54 · 1445 阅读 · 0 评论 -
jQuery 实现页面初始化时滚动条在最底部
/** * 物流信息初始化显示最后一条物流信息 */$('.logisticsInfoBox').scrollTop( $('.logisticsInfoBox')[0].scrollHeight);原创 2018-09-28 11:17:36 · 1215 阅读 · 0 评论 -
jQuery 圆形统计插件circliful
circliful介绍 是一款jquery+css的小工具,用来显示"环状"图表的工具。circliful兼容性 circliful插件是基于HTML5上开发的,所以circliful支持IE10以上,以及各大浏览器。circliful下载 链接:https://pan.baidu.com/s/183be9ztUqECeziYXr7tWmA 提取码:9ns...原创 2018-11-12 20:28:02 · 812 阅读 · 0 评论 -
jQuery 圆形统计插件circliful2--圆环每次不从0开始
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>circliful</title> <link rel="stylesheet" href="原创 2018-11-16 18:50:47 · 245 阅读 · 0 评论 -
jQuery 中parent()与parents()的区别
关于Jquery的parent()和parents()parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。 可以看出parent取的很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。下面列出例子说明:<div id='div...原创 2018-08-17 13:01:20 · 530 阅读 · 0 评论