jQuery操作属性和样式的详细说明

区分DOM属性和元素属性。

img src=' http : images/image . 1 . jpg ' id='芙蓉' alt='芙蓉' a '/通常，开发人员习惯于调用id、src、alt等。作为此元素的“属性”。我们称之为“元素属性”。但是解析成DOM对象时，实际浏览器最终会将标签元素解析成‘DOM对象’，并将元素的‘元素属性’存储为‘DOM属性’，这是不同的。

甚至有些‘元素属性’和‘DOM属性’的名字也不一样，比如上面的元素属性类，转换成DOM属性后就对应了className。

记住，我们可以在javascript中直接获取或设置‘DOM attribute’:

脚本类型=' text/JavaScript ' $(function(){ var img 1=document . getelementbyid('芙蓉')；alert(im G1 . alt)；img1.alt='更改alt元素属性'；alert(im G1 . alt)；img 1 . CLaSS name=' CLaSS b '；})/script因此，如果要设置元素的CSS样式类，应该使用DOM属性“className”而不是元素属性“class”。- .

在jQuery中，提供了每个()函数来遍历jQuery包装器集，其中这个指针是一个DOM对象，所以我们可以应用这个指针来配合原生javascript操作元素的DOM属性：

$('img ')。每个(函数(index) { alert('index:' index '，id:' this.id '，alt : ' this . alt)；this.alt='已更改'；alert('index:' index '，id:' this.id '，alt : ' this . alt)；});操作“元素属性”

我们可以在javascript中使用getAttribute和setAttribute来操作元素的“元素属性”。jQuery中提供了attr()包装器集函数，可以同时操作包装器集中所有元素的属性：

虽然我们可以使用removeAttr(name)删除一个元素属性，但是对应的DOM属性不会被删除，只会影响DOM属性的值。例如，删除输入元素的readonly元素属性将导致相应的DOM属性变为false(也就是说，输入将变为可编辑)。

修改CSS类和样式。

下表显示了与修改CSS类相关的jQuery方法：

注意addClass(类)和removeClass(类)的参数，可以一次传入多个css类，用空格隔开。removeClass方法的参数是可选的，如果没有传入参数，所有CSS类都将被移除。

同样，当我们想要修改一个元素的特定CSS样式，也就是修改元素属性‘style’时，jQuery也提供了相应的方法：

获取公共属性。

！doctype html html lang=' zh ' head meata charset=' utf-8 '/title get对象宽度/title script src=' http : jquery-1 . 11 . 2 . min . js '/script script $(function(){ alert(' attr(\ ' width \ '): ' $(' # TestDiv ')。attr(' width ')；//未定义的警报(' CSS(\ ' width \ '): ' $(' # TestDiv ')。CSS(' width ')；//auto(ie6)或1264px (ff)警报(' width()' : ' $(' # testdiv ')。width())；//正确的值是1264 alert(' style . width : ' $(' # testdiv ')[0]。style . width)；//null值})/script/head body div id=' test div ' test text/div/body/html我们想要获取测试层的宽度，并使用attr方法获取未定义的' element property '，因为宽度没有添加到div中。使用css()方法时，可以得到style属性值，但不同浏览器返回的结果不同。auto在IE6下返回，而正确的值在FF下返回，但后面是' px '。所以jQuery提供了width()方法，不用px就能返回正确的值。

针对以上问题，jQuery提供了获取和设置常用属性的方法，比如用户获取元素宽度的width()和设置元素宽度的width(val)。

以下方法可用于获取元素的公共属性值：

1.宽度和高度的相关性高度和宽度。

OuterWidth可以接受布尔值参数来指示是否计算边距值。

2.与职位相关的定位。

以上对jQuery操作属性和风格的详细说明，都是边肖分享的内容。希望能给大家一个参考，支持我们。