jquery 移除导入的css

Posted 2023-04-15

css样式文件
#jsddm li a

display: block;
text-decoration: none;
padding:5px 10px 0px 10px;
line-height: 3em;
color: #000000;
height:35.5px;

页面：
<ul id="jsddm">
<li id="style"><a href="/Home/About" id="Home">首页</a></li>
<li id="style"><a id="Style" href="#">风格管理</a>
<ul>
<li>@html.ActionLink("风格试卷", "StyleList", "Style")</li>
<li>@Html.ActionLink("风格管理", "StyleTypeList", "Style")</li>
</ul>
</li>
</ul>

jquery怎样移除“首页”超链接上的样式

这样的添加样式不太好直接移除，你可以把这样式赋空值，如：

var ele=$('#style').firstChild();//注意获取要操作的标签，你这里id=‘style’重复了
$(ele).css('padding','');//padding赋空值

暂时没有想到其他好的方法，因为这里又很多a标签。或者你把样式直接用class="style"引用，那样好操作。

参考技术A 你看下removeClass属性追问

removeClass()移除class引入的样式，这个不知道怎么移除。

追答

$(document).ready(function()
$("ul li a").removeClass("#Home");
)

注意class可以多次引用
id 只能用一次
我要下班了 就说这些吧 希望对你有帮助

本回答被提问者采纳 参考技术B a: 开头的CSS，就是超链接追问

能否具体点，刚看这个，不太理解。

追答

这些就是

使用jQuery操作DOM的常用方法和节点

1.常见方法

css(“属性”,”属性值”); //设置单个样式

css({属性1：属性值1，属性2：属性值3...}); //设置多个样式

addClass(“样式名”); //追加单个样式

addClass(“样式1 样式2...”); //追加多个样式（中间用空格分开）

removeClass(“样式名”); //移除单个样式

removeClass(“样式1 样式2”); //移除多个样式（中间用空格分开）

html(); //获得或者设置html内容

text(); //获得或者设置文本内容

toggleClass(“样式1 样式2”); //切换addClass和removeClass

val(); //获取或者设置value属性值

2.添加子类节点

a.append(b); //把b追加到a的末尾

b.appendTo(a); //把b追加到a的末尾

a.prepend(b); //把b添加到a的前面

b.prependTo(a); //把b添加到a的前面

3.添加兄弟节点

a.after(b); //把b放在a的后面（兄弟关系）

b.insertAfter(a); //把a放在b的后面（兄弟关系）

a.befor(b); //把b放在a的前面（兄弟关系）

b.insertBefor(a); //把a放在的前面（兄弟关系）

4.替换节点

a.replaceWith(b); //用b替换a

b.replaceAll(a); //用b替换a

5.复制节点

a.clone([true]); //复制a

注意：true表示克隆事件

6.删除节点

remove(); //删除节点（包含本身和所有子元素）

empty(); //清空节点（清除所有子元素但不清除本身）

setach(); //删除节点，会在jQuery对象中保留绑定的对象的事件