Jquery如何获取class值并却设置

class里面是用空格分隔的多个值,如果想判断有没有一个值的话可以用hasClass()方法,如果想查找的话可以用$("divclassName");如果想获取所有的class可以用$("div")attr("class");

如果想设置class的话用addClass()方法,如果想去掉某个class可以用removeClass()方法

假如你的ul只有一个或者你要获取class的ul是第一个

var oUl=documentgetElementsByTagName("ul")[0];

alert(oUlclassName);

这个应该是所有浏览器都支持

用js如何获取div中css的

margin、padding、height、border等。你可能说可以直接用documentgetElementById("id")stylemargin获取。但是你说的只能获取直接在标签中写的style的属性，无法获取标签style外的属性（如css文件中的属性)。而下面方法则两者值都可以获取。

实例效果图如下:

js在获取css属性时如果标签中无style则无法直接获取css中的属性，所以需要一个方法可以做到这点。

getStyle(obj,attr)

调用方法说明：obj为对像,attr为属性名必须兼容js中的写法(可以参考：JS可以控制样式的名称写法)。

Js代码

复制代码

代码如下:

function

getStyle(obj,attr){

var

ie

=

!+"\v1";//简单判断ie6~8

if(attr=="backgroundPosition"){//IE6~8不兼容backgroundPosition写法，识别backgroundPositionX/Y

if(ie){

return

objcurrentStylebackgroundPositionX

+"

"+objcurrentStylebackgroundPositionY;

}

}

if(objcurrentStyle){

return

objcurrentStyle[attr];

}

else{

return

documentdefaultViewgetComputedStyle(obj,null)[attr];

}

}

分为以下2种情况： 

1如果css写成行内样式，可以通过获取style属性的值来判断，示例如下： 

判断id为divid的div元素是否有font-size样式：

2如果css写成类样式，可以通过获取class属性的值来判断，示例如下： 

判断id为divid的div元素是否含有类样式divclass：

描述: 为每个匹配的元素添加指定的样式类名

$('div')addClass('className');//为所有div添加名为className的class1

removeClass 

描述: 移除集合中每个匹配元素上一个，多个或全部样式。

$('div')removeClass('className');//将所有div上名为className的class移除1

toggleClass 

描述: 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类。

$('div')toggleClass('className');//如果div上有这个class就删除，没有就添加。

1根据ID,用var div=documentgetElementById('youdivid')

2通过标签名来取得var div=documentgetElementsByTagName('div')[num]

3举个例子可以多练习练习：

function a(){var div=documentgetElementById('a');alert('div的class为:'+divid)alert('div的id为:'+divclassName)}

function b(){var div=documentgetElementsByTagName('div')[0];alert('div的class为:'+divid)alert('div的id为:'+divclassName)}</script>

扩展资料 

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。

参考资料 百度百科-js

1JS方法：

<script>windowonload=function(){

var va = documentgetElementById("d1")childNodes;

for(var i=0;i<valength;i++){

if(va[i]nodeNametoLocaleUpperCase() == "A"){

alert("JS: "+va[i]attributes["linkId"]nodeValue);

}

}

};

</script>

2 Jquery方法：

<script src="jquery-191minjs" type="text/javascript"></script>

<script>

$(document)ready(function(){

$("#d1 a")each(function(){

alert("Jquery: "+$(this)attr("linkId"));

});

});

</script>

JS 获取HTML标签内的子节点的方法

子节点的个数：

documentgetElementById("id")childNodeslength  

注意： 标签开/闭合算2个节点 第几个子几点：

documentgetElementById("id")childNodes[n]  

示例：

这里是 length-4 处，margin-left：20px

输出：length=8

实例：

<div id="page_kx" style="text-align: center;" class="tac">    <span class="fy2">1</span>  <a href="#">2</a>  <a href="#">3</a>  <a href="#">4</a>  <a href="#">5</a>  <a href="#">下一页</a>  <a href="#">末页</a>  </div>    <script>  var gor=documentgetElementById("page_kx");  var gorL=Number(gorchildNodeslength)-4;  gorchildNodes[gorL]stylemargin="0 0 0 20px";  </script>  

以上就是关于Jquery如何获取class值并却设置全部的内容，包括:Jquery如何获取class值并却设置、js中如何获取class值、js获取某元素的class里面的css属性值代码等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！