`

jquery方法之-css()返回或设置属性样式

 
阅读更多
返回指定的 CSS 属性的值语法：css("propertyname");
设置指定的 CSS 属性的值语法：css("propertyname","value");
设置多个 CSS 属性的语法：css({"propertyname":"value","propertyname":"value",...}); 

<script>
$(document).ready(function(){
  $("button").click(function(){
    <!--为所有匹配元素设置 background-color和 font-size-->
    $("p").css({"background-color":"yellow","font-size":"200%"});
    <!--返回首个匹配元素的 background-color 值-->
    alert("Background color = " + $("p").css("background-color"));
  });
});
</script>
</head>
<body>
<h2>这是标题</h2>
<p style="background-color:#ff0000">这是段落1。</p>
<p style="background-color:#00ff00">这是段落2。</p>
<p style="background-color:#0000ff">这是段落3。</p>
<p>这是段落4。</p>
<button>按钮请点我！</button>
</body>


另外jQuery 还有一系列的CSS 操作函数，还有:
height() 设置或返回匹配元素的高度。
width()         设置或返回匹配元素的宽度。
offset() 返回第一个匹配元素相对于文档的位置。
offsetParent() 返回最近的定位祖先元素。
position() 返回第一个匹配元素相对于父元素的位置。
scrollLeft() 设置或返回匹配元素相对滚动条左侧的偏移。
scrollTop() 设置或返回匹配元素相对滚动条顶部的偏移。
分享到：
| Oracle中Merge Into 代替Insert/Update的 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery-easyui-1.3.6.zip

    jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解...

    jQuery – 获取并设置 CSS 类

    .important { font-size:x-large; font-weight:bold; color:#c3c3c3; } jQuery – 获取并设置 CSS 类 ...通过 jQuery，可以很容易地对 CSS 元素进行操作。...css() – 设置或返回样式属性 实例样式表 下面的样

    jQuery完全实例.rar

    jQuery中的一切都构建于这个函数之上，或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式（通常由 CSS 选择器组成），然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果...

    jQuery小例子源码

    2.css样式表中的元素，类，元素ID是设置，及其就近原则，类高。 3.知道了，css中border属性，background-image(url)图片的相对地址，路径起点的按照html运行的页面算起 . backageound-repeat:指定背景的位置，上下...

    jquery-1.8.3.min.js

    jQuery1.7.1不能正确地设置IE7中克隆元素的tabindex属性 压缩的JS文件包含非ASCII字符 如果body样式设置为display:none，则$（'body'）。show（）无法工作 在IE9中element.css（'filter'）返回不明确 在Android ...

    jQuery实现获取及设置CSS样式操作详解

    css():设置或返回被选元素的一个或多个样式属性 样式表实例： .important{ font-weight:bold; font-size:xx-large; } .blue{ color:blue; } addClass() &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;...

    jquery电子文档chm

    访问第一个匹配元素的样式属性。 -------------------------------------------------------------------------------- Return a style property on the first matched element. 返回值 String 参数 name (String...

    jQuery css() 方法

    css() 方法设置或返回被选元素的一个或多个样式属性。 返回 CSS 属性 如需返回指定的 CSS 属性的值，请使用如下语法： css(“propertyname“); 下面的例子将返回首个匹配元素的 background-color 值： 实例 $("p")...

    jQuery - css() 方法示例详解

    css()方法设置或返回被选元素的一个或多个样式属性,下面有几个不错的示例，大家可以感受下

    jquery插件使用方法大全

    jQuery就是如此强大，你可以轻易地找到DOM中的任何元素，而这也是jQuery设计之初query的真实含义（查询）。 编辑本段Jquery对象 　jquery提供了很多便利的函数，如each(fn)，但是使用这些函数的前提是：你使用的对象...

    jquery中用函数来设置css样式

    1.jquery语法 ...相当于对通过选择符“selector”选择到的所有对象进行一次遍历，并设置相应的css属性值，其中index和value这两个参数可有可无。 如果直接引用已有的函数，如下： //函数colorStr()为td

    jQuery的css() 方法使用指南

    css() 方法返回或设置匹配的元素的一个或多个样式属性。 返回 CSS 属性值 返回第一个匹配元素的 CSS 属性值。 注释：当用于返回一个值时，不支持简写的 CSS 属性（比如 “background” 和 “border”）。 代码如下:...

    jQuery详细教程

    jQuery详细教程，讲解很透彻， 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数，隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数，隐藏 id="test" 的元素。 $("p").hide() ...

    关于jquery css的使用介绍

    css() – 设置或返回被选元素的一个或多个样式属性。 jQuery css() 方法 〈1〉返回 CSS 属性css(“propertyname”); 〈2〉设置 CSS 属性css(“propertyname”,”value”); 〈2.1〉设置多个 CSS 属性css({“property...

    jQuery – css() 方法示例详解

    css() 方法设置或返回被选元素的一个或多个样式属性。 设置 CSS 属性 如需设置指定的 CSS 属性，请使用如下语法： 代码如下: css(“propertyname”,”value”); 下面的例子将为所有匹配元素设置 background-color 值...

    jQuery的css()方法用法实例

    此方法返回或设置匹配元素的一个或多个样式属性。 语法结构: 语法一: 取得指定样式属性的属性值。 以样式属性名称作为参数。例如: 代码如下:$(“div”).css(“color”) 以上代码能够获取div的字体颜色值。 代码实例...

    jQuery鼠标悬停翻转显示隐藏说明图片

    效果描述：  鼠标悬停在图片上后，显示隐藏的另外一张图片，... 1、将lanrenzhijia.css样式以及jQuery库、jQuery代码复制到你的网页中 2、将其中一个翻转单元复制到你的网页中即可，依照此原理可以复制扩张N倍

    第七课 jquery样式尺寸操作1

    1.css() 方法设置或获取返回元素的一个或多个样式属性 1.width() 方法设置或获取返回元素的宽度（不包括内边距、边框或外边距） 2.height()

    Jquery1.8 chm

    　jQuery 1.7.1不能正确地设置IE7中克隆元素的tabindex属性 　压缩的JS文件包含非ASCII字符 　如果body样式设置为display:none，则$('body').show()无法工作 　在IE9中element.css('filter')返回不明确 　在Android ...

    jQuery 1.9.1源码分析系列（十三）之位置大小操作

    jQuery.fn.css (propertyName [, value ]| object )（函数用于设置或返回当前jQuery对象所匹配的元素的css样式属性值。如果需要删除指定的css属性，请使用该函数将其值设为空字符串(“”) 　注意：1、如果省略了...

Magicbox
Global site tag (gtag.js) - Google Analytics