jquery怎么获取或设置CSS中属性值的数值

新建一个html文件, 定名为test.html, 用于介绍jquery怎么获取或设置CSS中属性值的数值 。

jquery怎么获取或设置CSS中属性值的数值

文章插图

2在test.html页面, 利用script标签加载jquery.min.js库文件, 利用jquery方式之前必需加载该文件 。


jquery怎么获取或设置CSS中属性值的数值

文章插图

3在test.html页面, 利用p标签建立三个文字段落, 并利用style设置三个段落分歧的布景颜色, 同时利用button标签建立一个按钮 。


jquery怎么获取或设置CSS中属性值的数值

文章插图

4在script标签内, 利用$(document).ready()方式在页面加载时就给按钮绑定 click点击事务 。

jquery怎么获取或设置CSS中属性值的数值

文章插图

5【jquery怎么获取或设置CSS中属性值的数值】在function函数内, 获得p元素对象, 利用css()方式获得其css属性中布景颜色(background-color)值, 并利用alert()方式弹窗显示出来获得的值 。


jquery怎么获取或设置CSS中属性值的数值

文章插图

6在浏览器打开test.html文件, 点击“按钮”, 查看获得的布景颜色值 。


jquery怎么获取或设置CSS中属性值的数值

文章插图

7css()方式除了能获得css的属性值外, 还可以设置html元素的css属性, 例如, 下面代码实现了当点击按钮时, 改变第一个p元素的布景颜色, 设置为黄色 。


jquery怎么获取或设置CSS中属性值的数值

文章插图

jquery怎么获取或设置CSS中属性值的数值

文章插图

以上内容就是jquery怎么获取或设置CSS中属性值的数值的内容啦, 希望对你有所帮助哦!

    推荐阅读