扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
该博客基于阮一峰前辈在2011年所做的分享(原链接: )
创新互联公司是一家专业提供吐鲁番企业网站建设,专注与网站设计制作、做网站、H5响应式网站、小程序制作等业务。10年已为吐鲁番众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。
jQuery的核心就是:可以选择某个网页元素,然后对其进行某种操作
我们可知jQuery是一个构造函数,那么我们就可以通过选择表达式,把选中的元素,放进jQuery构造函数($)当中,从而得到选中的元素。
而选择表达式可以是CSS选择器:
也可以是jQuery特有的表达式:
在jQuery当中最终选中网页元素以后,可以对它进行一系列操作,并且所有操作可以连接在一起,以链条的形式写出来,比如:
拆解开来,就是:
这是jQuery最令人称道、最方便的特点。它的原理在于每一步的jQuery操作所返回的都是一个jQuery对象,所以不同操作可以连在一起。
jQuery还提供了.end()方法,使得结果集可以后退一步:
创建新元素的方法非常简单,只要把新元素直接传入jQuery的构造函数就行了:
操作元素在网页中的位置移动有两种方法:
(1)直接移动该元素;
(2)移动其他元素,使得目标元素达到我们想要的位置。
(1)方法是使用.insertAfter(),把div元素移动p元素后面:
(2)方法是使用.after(),把p元素加到div元素前面:
表面上看,这两种方法的效果是一样的,唯一的不同似乎只是操作视角的不同。但是实际上,它们有一个重大差别,那就是返回的元素不一样。第一种方法返回div元素,第二种方法返回p元素。你可以根据需要,选择到底使用哪一种方法。
使用这种模式的操作方法,一共有四对:
text(?) //读写文本内容
用于返回内容时,则返回所有匹配元素的文本内容(会删除 HTML 标记)。
用于设置内容时,则重写所有匹配元素的内容。
html(?) //读写HTML内容
设置或返回被选元素的 innerHTML(文本 + HTML 标记)
attr('title',?) // 读写属性
设置或返回被选元素的属性值。
css({color:'red'}) //读写style
设置或返回被选元素的一个或多个样式属性。
addClass('blue')
向被选元素添加一个或多个类。
该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。
on('click',fn)
支持动态绑定元素,即页面上元素有添加或变化后仍可绑定,前提是selector须是目标绑定元素的父元素
off('click',fn)
用于移除通过 on()方法添加的事件处理程序
默认下就是你要实现的效果啊,不需要任何特殊处理
你的后退是不是一个页面跳转?
好吧,刚发现微信浏览器下返回会默认为初始状态
url里带#abc这种有很多jquery插件实现的
: $(function(){ javascript:window.history.forward(1);// 原理就是产生一个“前进”的动作,以抵消后退功能 });
我就是用了这个onbeforeunload。无法获取后退。去掉return试一下。您可以发现,后退和点击链接跳转等都没用了。只能在关闭的时候触发。
我是在用户跳出页面的时候,默默的执行后台操作,不可以弹出return!
jQuery禁用浏览器的前进后退按钮参考代码如下:
说明:
定义和用法
forward() 方法可加载历史列表中的下一个 URL。
调用该方法的效果等价于点击前进按钮或调用 history.go(1)。
语法
history.forward()
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流