js插件jquery可以很方便的对HTML的元素进行操作,比如一些元素的显示与隐藏,一些元素的动态效果等,今天就说一说通过jquery获取DIV元素的CSS属性,以及设置DIV元素的CSS属性的方法。
jquery获取DIV元素的CSS属性值
jq获取DIV元素的属性值,可以使用css()方法
例:利用jquery获取DIV元素的宽
<!DOCTYPE html><html><head> <title>Document</title> <style> #mochu{ margin: 10px; padding: 10px; color: red; height: 30px; width: 40px; } </style> <script src=https://www.2bp.net/wp-content/uploads/2021/11/cda0e3c0dcb24b9f851dfed230beef88.jpg alt=JQuery获取与设置元素CSS属性>注:改变DIV中字体的颜色其实就是给这个DIV加入了一个 color 的CSS属性,并把属性值设置成 red(红色)
在浏览器中查看元素就可以发现加入的CSS属性

例:给DIV元素加入多个CSS属性
<!DOCTYPE html><html><head> <title>Document</title> <script src=https://www.2bp.net/wp-content/uploads/2021/11/4c47ede231234c2c82c2804b1db10001.jpg alt=JQuery获取与设置元素CSS属性>可以发现,对过JQ设置的CSS属性都写到了DIV上
注意:利用JQ的CSS()方法设置或添加多个CSS属性的时候,要以{”:”,”:”}这种数据格式写入。