新建一个html文件,定名为test.html,用于介绍jquery怎么获取或设置CSS中属性值的数值。
在test.html页面,利用script标签加载jquery.min.js库文件,利用jquery方式之前必需加载该文件。
在test.html页面,利用p标签建立三个文字段落,并利用style设置三个段落分歧的布景颜色,同时利用button标签建立一个按钮。
在script标签内,利用$(document).ready()方式在页面加载时就给按钮绑心猿意马 click点击事务。
在function函数内,获得p元素对象,利用css()方式获得其css属性中布景颜色(background-color)值,并利用alert()方式弹窗显示出来获得的值。
在浏览器打开test.html文件,点击“按钮”,查看获得的布景颜色值。
css()方式除了能获得css的属性值外,还可以设置html元素的css属性,例如,下面代码实现了当点击按钮时,改变第一个p元素的布景颜色,设置为黄色。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!