小白教程
所有教程
关于
Search
172.71.254.7
172.71.254.7
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“Css css”的源代码
本页内容
上一节:
Html_clone
下一节:
Html_detach
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:css()}}[[Category:jquery ref html|8]] = jQuery css() 方法 = [[jquery ref html|jQuery HTML/CSS Methods]] 设置所有 <p> 元素的 color 属性: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ $("p").css("color","red"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").css("color","red"); }); }); </script> </head> <body> <button>设置所有P元素的颜色属性</button> <p>这是一个段落。</p> <p>这是另一个段落。</p> </body> </html> </run> == 定义和用法 == css() 方法为被选元素设置或返回一个或多个样式属性。 '''当用于返回属性:'''该方法返回第一个匹配元素的指定 CSS 属性值。然而,简写的 CSS 属性(比如 "background" 和 "border")不被完全支持,且当用于返回属性值时,在不同的浏览器中有不同的结果。 '''当用于设置属性:'''该方法为所有匹配元素设置指定 CSS 属性。 == 语法 == 返回 CSS 属性值: $(selector).css(property) 设置 CSS 属性和值: $(selector).css(property,value) 使用函数设置 CSS 属性和值: $(selector).css(property,function(index,currentvalue)) 设置多个属性和值: $(selector).css({属性:value, 属性:value, ...}) {| class="table table-striped table-hover" !width="50%"| 参数 !width="50%"| 描述 |- | property | 规定 CSS 属性名称,比如 "color"、"font-weight" 等等。 |- | value | 规定 CSS 属性的值,比如 "red"、"bold" 等等。 |- | function(index,currentvalue) | 规定返回 CSS 属性新值的函数。 * index - 返回集合中元素的 index 位置。 * currentvalue - 返回 CSS 属性的当前值。 |} == 更多实例 == [[try.php?filename=tryjquery_css_name|返回 CSS 属性值]] 返回第一个匹配元素的指定 CSS 属性值。 [[try.php?filename=tryjquery_css_name_value_func|使用函数设置 CSS 属性和值]] 如何使用函数为被选元素改变 CSS 属性。 [[try.php?filename=tryjquery_css_property_sets|设置多个 CSS 属性和值对]] 如何为被选元素设置多个 CSS 属性和值。 [[jquery ref html|jQuery HTML/CSS Methods]]
返回至“
Css css
”。
上一节:
Html_clone
下一节:
Html_detach