js移除css样式,jquery移除css样式

js怎么删除css的行内样式

其实js很不好用的，一般都使用jquery来写，改变样式的话我会使用两种方法

使用jquery中的.css()函数改变样式，这中方法很好用，可以在触发事件的时候任意操作某个元素的样式。

自定义一个class名字，比如.yangshi{} ,在触发的事件里使用 .addclass()和.removeClass() 两个函数添加或者删除某一个class类。达到切换样式的目的，这种方法比较清晰有条理。下面给出我写的一段jquery 代码。 这个的意思是，.box元素的鼠标进入会添加一个class类yangshi，离开的时候会删除这个class类

script

$(function(){

    $(".box").mouseover(function(){

        $(this).addClass("yangshi");

    })

    $(".box").mouseout(function(){

        $(this).removeClass("yangshi");

    })

})   

/script

相关问答

Q1: js移除css样式文件

需求不是很明确，要是移除link进来的css文件的话。那就是先找到所有link标签，然后依次移除，代码如下：

var links = document.querySelectorAll('link');

for(var i in links){

links[i].parentNode.removeChild(links[i])

}

Q2: js删除css样式

1、如果使用class加的样式的话，可以使用document.getElementById("objid").className=""来清空样式；

2、如果是直接加的style="***"属性的话，可以使用document.getElementById("box").style.cssText = ""来清空样式。

Q3: JS怎么控制移除一个CSS

jquery，了解过没有？很好的js封装库。

先引入jquery.js，然后执行：

$('.ewf').css('left','');

Q4: HTML/javascript 文本 清除 CSS 样式 代码 等标签 如何编写

1./?font[^]* 这个只却掉font标签的, 保留除font以外的所有标签, 如imgp等等. 同样的你需要去掉其他标签, 只需要将里面的font换你要去掉的；

2./?[^/?(img)|(p)][^]* 这个保留(这里我写的保留了img, p这两个标签)你指定的标签,其他的(包括font)全去掉, 如果你还有其他的标签想保留, 直接在里面加一个 |(xxx)；

3./?[a-zA-Z]+[^]* 这个表达式可以去掉所有HTML的标签；

4.JAVA代码可以这样写:

public static String delTagsFContent(String content){

String patternTag = "/?[a-zA-Z]+[^]*";

String patternBlank = "(^\\s*)|(\\s*$)";

return content.replaceAll(patternTag, "").replaceAll(patternBlank, "");

}

清除所有默认样式的css代码：

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code，

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

初始化代码（清除CSS代码）：

ul,li{ padding:0;margin:0;list-style:none}

解析清除ul li样式代码：

相等于分别对ul和li设置padding:0;margin:0;list-style:none；

padding:0 —— 设置内补白（对象内间距）为0

margin:0 —— 设置对象外间距为0

list-style:none —— 去除自带无序圆点

HTML/javascript

引用外部文件中的js脚本,

script type="text/javascript" src="ext.js"/script也可以象下面这样写，language不是必要的，但是推荐上面的写法；

script language="javascript" type="text/javascript" src="ext.js"/script

页面内引用：

script type="text/javascript"//![CDATA[var x = 0;function fn(args) { //...} //]]/script加上“//![CDATA[” 和 “//]]”是为了兼容XHTML，是推荐的写法，HTML时代一般用“!--”和“//--”

在一些HTML控件的事件属性中使用（一般事件为onxxx，如onmouseover,onclick,onchange）

body onload="alert('loaded');"input type="text" name="username" onclick="alert(this.value);" /在一些HTML控件的非事件属性中使用（注意：一定要加javascript:）

a href="javascript:void(0);" onclick="alert(this.innerText);"my blog:;/a