jQuery 怎么用 attr() 方法判断改变 CSS 样式? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
jQuery 中用 attr() 方法用于设置或返回被选元素的属性值; 根据该方法不同的参数, 其工作方式也有所差异.
attr 是 attribute(属性) 的缩写, 在 jQueryDOM 操作中会经常用到 attr(),attr() 有 4 个表达式.
- ,attr(属性名) // 获取属性的值 (取得第一个匹配元素的属性值. 通过这个方法可以方便地从第一个匹配元素中获取一个属性的值. 如果元素没有相应属性, 则返回 undefined )
- ,attr(属性名, 属性值) // 设置属性的值 (为所有匹配的元素设置一个属性值.)
- ,attr(属性名, 函数值) // 设置属性的函数值 (为所有匹配的元素设置一个计算的属性值. 不提供值, 而是提供一个函数, 由这个函数计算的值作为属性值.)
- ,attr(properties) // 给指定元素设置多个属性值, 即:{
- 属性名一: "属性值一" , 属性名二: "属性值二" , ... ...
- }.(这是一种在所有匹配元素中批量设置很多属性的最佳方式. 注意, 如果你要设置对象的 class 属性, 你必须使用'className' 作为属性名. 或者你可以直接使用'class'或者'id'.)
示例:
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
- </script>
- <script>
- $(document).ready(function() {
- $("button").click(function() {
- $("img").attr("width", "500");
- });
- });
- </script>
- </head>
- <body>
- <img src="img_pulpitrock.jpg" alt="Pulpit Rock" width="284" height="213">
- <br>
- <button>
- 使用 attr() 为图片设置 width 属性
- </button>
- </body>
- </HTML>
效果图:
更多 web 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/17665.html