jquery怎么获取style里面的属性值

 时间:2024-11-10 19:43:56

在jquery中,可以通过css()方法获得style中定义的css属性值,下面小编举例讲解jquery怎么获取style里面的属性值。

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解jquery怎么获取style里面的属性值。

jquery怎么获取style里面的属性值

2、在test.html文件内,使用script标签加载jquery.min.js文件水貔藻疽,成功加载该文件,才能使用jquery的css()方法。

jquery怎么获取style里面的属性值

3、在test.html文件内,使用p标签创建一行文字,通过style设置其样式,设置其文字大小为30px,颜色为红色。

jquery怎么获取style里面的属性值

4、在test.html文件内,使用button标签创建一个按钮,设置其class属性为btn1,用于下面给它绑定点击事件。

jquery怎么获取style里面的属性值

5、在test.html文件内,使用jquery给button按钮绑定click点击事件,当按钮被点击时,执行function函数。

jquery怎么获取style里面的属性值

6、在function函数内,使用css()方法获得p标签对象内font-size属性撕良滤儆值,即文字大小的值。最后通过alert()方法以弹窗显示获得的文字大小值。

jquery怎么获取style里面的属性值

7、在浏览器中打开test.html文件,点击按钮,成功获得style样式中font-size属性值30px。

jquery怎么获取style里面的属性值

jquery获取form表单数据的方法 Intellij idea 中的Darcula主题怎么把颜色改回来 jquer如何在输入结束时触发事件 IntelliJ IDEA怎么开启高亮度匹配大括号 js中如何替换掉最后一个匹配的字符?
热门搜索
北条麻妃电影 济公电影 动漫美女黄漫图片 图片压缩软件哪个好 餐厅柜子图片大全