在jquery中,可以通过css()方法获得style中定义的css属性值,下面小编举例讲解jquery怎么获取style里面的属性值。
方法/步骤
1、新建一个html文件,命名为test.html,用于讲解jquery怎么获取style里面的属性值。
2、在test.html文件内,使用script标签加载jquery.min.js文件水貔藻疽,成功加载该文件,才能使用jquery的css()方法。
3、在test.html文件内,使用p标签创建一行文字,通过style设置其样式,设置其文字大小为30px,颜色为红色。
4、在test.html文件内,使用button标签创建一个按钮,设置其class属性为btn1,用于下面给它绑定点击事件。
5、在test.html文件内,使用jquery给button按钮绑定click点击事件,当按钮被点击时,执行function函数。
6、在function函数内,使用css()方法获得p标签对象内font-size属性撕良滤儆值,即文字大小的值。最后通过alert()方法以弹窗显示获得的文字大小值。
7、在浏览器中打开test.html文件,点击按钮,成功获得style样式中font-size属性值30px。