新建一个html文件, 定名为test.html, 用于介绍jquery怎么获取或设置CSS中属性值的数值 。
文章插图
2在test.html页面, 利用script标签加载jquery.min.js库文件, 利用jquery方式之前必需加载该文件 。
文章插图
3在test.html页面, 利用p标签建立三个文字段落, 并利用style设置三个段落分歧的布景颜色, 同时利用button标签建立一个按钮 。
文章插图
4在script标签内, 利用$(document).ready()方式在页面加载时就给按钮绑定 click点击事务 。
文章插图
5【jquery怎么获取或设置CSS中属性值的数值】在function函数内, 获得p元素对象, 利用css()方式获得其css属性中布景颜色(background-color)值, 并利用alert()方式弹窗显示出来获得的值 。
文章插图
6在浏览器打开test.html文件, 点击“按钮”, 查看获得的布景颜色值 。
文章插图
7css()方式除了能获得css的属性值外, 还可以设置html元素的css属性, 例如, 下面代码实现了当点击按钮时, 改变第一个p元素的布景颜色, 设置为黄色 。
文章插图
文章插图
以上内容就是jquery怎么获取或设置CSS中属性值的数值的内容啦, 希望对你有所帮助哦!
推荐阅读
- jquery怎样让一个div渐变消失
- 怎么做酸炸五花肉?
- 怎么做青苹果杨桃汁?
- 终极蛋炒饭怎么做?
- 丝瓜鸡蛋汤怎么做?
- 芝士吐司卷怎么做?
- 甜甜圈怎么做
- 培根煎蛋三明治怎么做?
- 奶酪布丁怎么做?
- win10怎么返回到桌面状态