![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
宇宙无敌小可爱
如果天空是黑的,也要摸黑生存
展开
-
jquery $.data()方法
定义:data() 方法向被选元素附加数据,或者从被选元素获取数据。 语法:$("div").data(name,value);name => 需要设置数据的名称; value => 需要设置数据的值;实例:$("#btn1").click(function(){ $("div").data("greeting", "Hello World原创 2017-09-04 16:31:20 · 2349 阅读 · 0 评论 -
轮播图 左右点击及底部小圆点
最近pc项目有两处一样的轮播图 有左右点击按钮及底部小圆点接下来 代码奉上:css的写法,可以让子元素根据父元素定位,让它们定位在同一位置,再给子元素根据顺序加上z-index值,第一个最大,一次减小;左右两侧点击按钮直接根据父元素定位,z-index值最大;js代码如下:// 轮播图const Banner = function () { const原创 2017-10-18 11:24:19 · 5420 阅读 · 0 评论 -
禁止图片img拖动
最近在写一个pc的项目,由于有很多的图片,发现会有拖动的效果,所以百度了一哈哈解决方法;建议大家直接用js解决,一段代码妥妥搞定;jquery解决方法:$('img').on('mousedown',function (e) { e.preventDefault()})选中页面所有img标签,添加mouse down事件 e.preventDefault()原创 2017-10-18 11:11:49 · 17569 阅读 · 1 评论 -
jquery查找父 子 兄弟节点方法
jQuery.parent(‘.box') 查找父元素jQuery.parents(‘.box') 找到所有祖先元素,不仅仅局限于父元素jQuery.children() 查找所有子节点jQuery.contents() 查找下面的所有内容,包括节点和文本。jQuer原创 2017-10-18 16:46:12 · 500 阅读 · 0 评论 -
jquery 判断是否有当前父元素 .is()方法
在项目中有两处添加对比的效果,需要点击时往里添加不同的元素,但是功能一样,所以在点击事件时加了个判断,通过判断当前点击元素的父元素是否为其中一个,如果是某一个则拼接相对应内容;那么如何判断当前元素的父元素,代码如下:$(this).parent().is('.costBase')通过jquery的parent方法,用.is()方法可以判断是否为这个元素,如果匹配则返回true,原创 2017-10-18 16:52:02 · 4151 阅读 · 0 评论 -
解决网页刷新时布局紊乱(jquery ready和load事件)
PC项目开发时遇到页面刷新时会出现2S左右的紊乱,会影响到用户体验;那么要想直接给用户呈现一个完整的页面,而不在页面加载时就呈现给用户,一般要采用预加载,可以在整个页面都加载完毕时,然后再呈现给用户。(页面加载时,最慢的还是一些脚本、图片,其中图片是主要问题);解决短暂的页面布局紊乱,可以使用jquery的load事件,如下:$("#fullback").hide();我的原创 2017-11-20 11:33:17 · 1324 阅读 · 0 评论 -
jquery 添加元素的方法
1.append(); 在所选元素的结尾添加var html = ''+obj.farmName+'';$('#box').append(html);2.prepend(); 在所选元素的开头添加$('#box').prepend(html);3.html(); 在所选元素内添加,如果元素内之前有别的内容会覆盖掉$('#box').htm原创 2017-11-14 19:24:28 · 5731 阅读 · 0 评论 -
jquery event.target 事件委托
在实际项目中经常会遇到动态添加元素,然后再对添加的元素进行操作的需求var that$('.add').on('click',function(){ $('.list').append('哈哈')})$('.list').on('click','.item',function(e){ console.log(e.target.className) if(原创 2017-12-04 18:54:22 · 471 阅读 · 0 评论 -
jquery 实现开关按钮
HTML:class="div1 open1"> class="left"> class="right"> class="div2 open2">css:.div1{ width: 60px; height: 26px; border-radius: 15px; overflow: hidden; posit原创 2018-01-03 10:40:00 · 7467 阅读 · 3 评论