jquery 是如何把一段html转化为jq对象?

jquery 是如何把一段html转化为jq对象?,第1张

如果是页面已存在的标签,你直接用$("#标签Id")取到了以后默认的就是jQuery对象,

如果是手写的字符串,同样是$("<span>kkkk</span>")这样就是jQuery对象,

如果想再转换成正常的dom对象,就用get,如$("<span>kkkk</span>")get(0),其中0为索引

1、windowlocationreload()刷新当前页面

2、parentlocationreload()刷新父亲对象(用于框架)

3、openerlocationreload()刷新父窗口对象(用于单开窗口)

4、toplocationreload()刷新最顶端对象(用于多开窗口)

jQuery能做什么

1取得文档中的元素。

jQuery为准确地获取需要检查或操纵的文档元素,提供了可靠而有效率的选择符机制。

2修改页面的外观。

在页面已经呈现之后,jQuery任然能够改变文档中某个部分的类或者个别的样式属性。

3改变文档的内容。

jQuery能够影响的范围并不局限于简单的外观变化,使用少量的代码,jQuery就能改变文档的内容。

4响应用户的交互式操作。

jQuery提供了截获形形色色的页面事件(比如用户单击某个链接)的适当方式,而不需要使用事件处理程序拆散HTML代码。

5为页面添加动态效果。

jQuery中内置的一批淡出、擦除之类的效果,以及制作新效果的工具包,为此提供了便利。

6无需刷新页面从服务器获取信息。

这种编程模式就是众人皆知的Ajax(asynchronous javascript and XML 异步javascript 和 XML),jQuery消除了这一过程中的浏览器特定的复杂性。

7简化常见的javascript任务。

jQuery改进了对基本的javascrip数据结构的操作(例如迭代和数组)。

JS定时器有两种,分别是setTimeout和setInterval,区别是前者是一次执行,后者是循环执行,具体什么意思呢,直接看代码。

//指定时间为6000毫秒,即6s,到达6s后,执行一次,之后不再执行。

setTimeout(function(){

alert("执行一次定时器");

},6000);

//指定时间为6s,每过6s执行一次

setInterval(function(){

alert("循环执行定时器");

},6000);

1

2

3

4

5

6

7

8

9

1

2

3

4

5

6

7

8

9

要关闭定时器,首先我们要先获取到定时器,即如果页面中设置了多个定时器,我们需要知道要关闭那个定时器,直接看代码:

//定义一个变量获取到定时器

var timer = setInterval(function(){

alert("timer是一个数字,即代表了当前定时器");

},6000);

var timer2 = setTimeout(function(){

alert("第二个定时器");

},6000);

//调用方法,关闭指定的定时器

clearInterval(timer);

1

2

3

4

5

6

7

8

9

1

2

3

4

5

6

7

8

9

注:定时器启动后,刷新浏览器会清空定时器。有时我们在页面中定义了定时器,在关闭页面时,定时器并不会关闭,我们可以获取定时器,然后在页面的关闭事件中清除定时器。有时我们需要在其他页面对定时器进行关闭,这时可以在对应的页面定义变量,然后在定义定时器页面获取定时器,并赋值给指定页面的变量,这样就可以在指定页面对定时器进行关闭了,需要注意的是,如果我们定时器放到函数中时,在页面初始化时并不能获取到定时器,只有在调用了函数后才会获取到定时器,所以如果要在页面初始化时就获取定时器,不要将定时器放到函数中。这样在页面加载时可以直接加载定时器启动定时器,这样就能拿到定时器了。

首先跳转页面需要向跳转页传递参数,不然页面二是无法得知这个是哪个链接跳转而来的,也没办法判断及添加类名。

btn1onclick=function(){

//打开b页面的同时向b的页面传递参数

windowlocationhref = "bhtmlid=btn1"

}

然后在b页面判断获得url

var s=windowlocationsearch;

其他的就是添加个class,设置documentbodyscrollTop了也就没有难度了

欢迎分享,转载请注明来源:表白网

原文地址:https://h5.hunlipic.com/biaobai/4016907.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2024-04-10
下一篇2024-04-10

发表评论

登录后才能评论

评论列表(0条)

    保存