jq 怎么实现刷新跳转新页面的某个板块位置,并且给这板块添加一个类名

jq 怎么实现刷新跳转新页面的某个板块位置,并且给这板块添加一个类名,第1张

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

btn1.onclick=function(){

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

window.location.href = "b.html?id=btn1"

}

然后在b页面判断获得url

var s=window.location.search

其他的就是添加个class,设置document.body.scrollTop了也就没有难度了

jQuery 使用addClass()与removeClass()来动态的添加或移出一个css 类,例如:

1.$(“#para1”).addClass('highlight')添加一个“highlight”css 类给id为para1的元素

2.$(‘#para1’).removeClass(‘'highlight')从id为para1的元素中移出一个‘highlight’css类。

一共三步,具体如下:

1、HTML结构:设计三个li元素<ul id="test">、 <li>Glen</li>、<li>Tane</li、<li>John</li>、</ul>。

2、css样式:设计一个类selected,表示选中后的效果<style>.selected{font-weight:boldbackground: #ff99cccolor:#fff}</style。

3、jquery代码:$(function(){$("#test li").click(function() $(this).siblings('li').removeClass('selected') // 删除其他兄弟元素 $(this).addClass('selected') // 添加当前元素的样式 })

1、removeClass()定义和用法:removeClass() 方法从被选元素移除一个或多个类。如果没有规定参数,则该方法将从被选元素中删除所有类。

2、addClass()定义和用法:addClass() 方法向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。如需添加多个类,请使用空格分隔类名。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11910933.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存