`

jquery css

阅读更多
http://zfms.iteye.com/blog/190948

css(name) 获取样式名为name的样式
$("#a").css("color") 将得到样式中color值red,("#a").css("background ")将得到blue

css(prop) prop是一个hash对象,用于设置大量的css样式
$("#b").css({ color: "red", background: "blue" });
最终效果是<p id="b" style="background:blue; color:red">test</p>,{ color: "red", background: "blue" },hash对象,color为key,"red"为value,

css(key, value) 用于设置一个单独得css样式
$("#b").css("color","red");最终效果是<p id="b" style="color:red">test</p>

Height and Width, 高和宽:
height( ) Returns: Integer
能够返回对象的高度,jquery1.2还能支持返回document和window的高度。
例如:
    function showHeight(ele, h) {
      $("div").text("The height for the " + ele + 
                    " is " + h + "px.");
    }
    $("#getp").click(function () { 
      showHeight("paragraph", $("p").height()); 
    });
    $("#getd").click(function () { 
      showHeight("document", $(document).height()); 
    });
    $("#getw").click(function () { 
      showHeight("window", $(window).height()); 
    });

height( val ) Returns: jQuery
设置对象的高度
width( ) Returns: Integer
返回对象的宽度, jquery1.2支持document和window的宽度
width( val ) Returns: jQuery
设置对象的宽度

分享到:
评论

相关推荐

    jQuery css3打开遮罩图片形状过渡动画效果

    在IT行业中,jQuery和CSS3是两种非常重要的前端技术,它们在网页动态效果和样式设计上发挥着关键作用。本文将深入探讨如何结合jQuery和CSS3实现一个遮罩图片形状过渡动画效果,这是一种常见的交互设计,能提升用户...

    jquery css3仿游戏网站环形菜单代码.rar

    《使用jQuery和CSS3构建游戏风格的环形菜单》 在网页设计中,创新和交互性的元素总能吸引用户的眼球。"jQuery css3右键菜单"是一个独特的设计,它模仿了K社游戏的风格,为网站增添了一种动态且引人入胜的用户体验。...

    jquery css3进度条加载动画特效

    标题中的“jQuery CSS3进度条加载动画特效”指的是利用JavaScript库jQuery和CSS3技术来创建一种视觉效果,即在网页内容加载时显示的进度条。这种特效可以提供用户反馈,表明页面正在加载,并且增加了用户体验的互动...

    jquery css3曲线特效图.zip

    【jQuery CSS3曲线特效图】是一种利用jQuery库和CSS3技术构建的动态、交互式的曲线图形插件。这个插件允许开发者在网页中创建出视觉吸引力强、响应式的曲线效果,提升用户界面的互动性和美观度。以下是关于这个主题...

    jquery css3实现瀑布流照片墙特效.rar

    jquery css3实现瀑布流照片墙特效.rar jquery css3实现瀑布流照片墙特效.rar jquery css3实现瀑布流照片墙特效.rar jquery css3实现瀑布流照片墙特效.rar jquery css3实现瀑布流照片墙特效.rar jquery css3实现瀑布...

    jquery css3华丽滚动效果.zip

    在IT领域,jQuery和CSS3是两种非常重要的技术,它们被广泛用于网页设计和开发,以创建出引人入胜的交互式用户体验。本压缩包"jquery css3华丽滚动效果.zip"显然聚焦于如何利用这两种技术来实现一种动态、华丽的滚动...

    jQuery CSS3漂亮的tooptip提示框动画特效

    "jQuery CSS3漂亮的tooptip提示框动画特效"是一个利用JavaScript库jQuery和CSS3技术创建的动态、美观的提示框解决方案。这个项目旨在提升用户体验,使用户在无需离开当前页面的情况下就能获取到相关信息。 首先,...

    jquery css3图片文字介绍鼠标滚动页面动画单页

    【标题】"jQuery CSS3图片文字介绍鼠标滚动页面动画单页"主要涉及到的是网页动态效果的实现技术,其中核心是jQuery库和CSS3这两个关键工具。这篇文章或教程可能旨在教授如何利用这两种技术来创建一个富有视觉吸引力...

    jQuery css3旅游网鼠标悬停图片文字动画效果

    "jQuery css3旅游网鼠标悬停图片文字动画效果"是一种常见的交互式设计,它结合了jQuery JavaScript库和CSS3的强大功能,为旅游网站的图片展示带来生动的视觉体验。这种效果在用户将鼠标光标悬停在图片上时,会触发一...

    jQuery css3猎豹浏览器宽屏banner焦点图切换代码

    【jQuery css3猎豹浏览器宽屏banner焦点图切换代码】是一种常见的网页设计技术,用于创建动态、吸引人的全屏横幅广告或展示区域。在网页设计中,这种焦点图切换效果能够有效地展示多个图片或内容,提升用户体验,...

    jQuery CSS3彩色进度条动画特效.zip

    代码简介:jQuery CSS3彩色进度条动画特效是一款以百分比的形式显示进度条加载动画特效。

    jquery css 加载插件

    这些CSS文件(如load1.css到load8.css)和JavaScript库(如jQuery)的结合使用,可以创建出各种不同的加载动画,使得页面在处理后台任务时显示一种视觉反馈,告知用户系统正在工作。 首先,jQuery是一个流行的...

    jquery css 跑步效果

    "jQuery CSS 跑步效果"就是一种这样的效果,它通常用于创建一个类似人物跑步或者物体移动的动画,给用户带来生动有趣的视觉体验。下面我们将深入探讨如何利用jQuery和CSS来实现这种跑步效果。 **jQuery简介** ...

    jquery css3带透明背景登录注册表单代码.rar

    例如,表单在用户聚焦或离开输入框时的边框颜色变化,或者点击按钮时的反馈效果,这些都是通过jQuery的事件监听和CSS3的过渡效果实现的。 总的来说,这个模板为开发者提供了一个起点,可以在此基础上根据自己的需求...

    JQuery CSS3 示例

    在IT行业中,前端开发是至关重要的一环,而JQuery和CSS3是两个强大的工具,用于构建交互性强、视觉效果丰富的Web应用。这个名为"JQuery CSS3 示例"的压缩包很可能是提供了一些实用的代码片段,帮助开发者更好地理解...

    jQuery css3荷塘里小鱼动画特效

    《jQuery与CSS3结合实现的荷塘小鱼动画特效详解》 在网页设计中,动态效果的运用可以提升用户体验,使网页更具吸引力。"jQuery css3荷塘里小鱼动画特效"就是一个很好的例子,它巧妙地结合了jQuery的事件处理和CSS3...

    jQuery css3点击拆红包游戏代码

    在IT行业中,jQuery和CSS3是两个非常重要的前端开发技术,它们被广泛应用于网页交互和样式设计。在这个“jQuery css3点击拆红包游戏代码”项目中,我们可以深入探讨这两个技术如何结合来创建一个吸引用户的互动游戏...

    JS Jquery Css.chm 等手册.zip

    《JS Jquery Css.chm 等手册.zip》是一个压缩包,包含了前端开发人员至关重要的三个工具手册:JS.CHM(JavaScript手册),JQery.chm(jQuery手册)和CSS.chm(CSS手册)。这些手册是Web前端开发的基石,为开发者提供...

    jQuery CSS3云朵飘动动画特效.zip

    《jQuery与CSS3结合实现云朵飘动动画特效解析》 在网页设计中,动态效果的运用能够极大地提升用户体验,使网页更具吸引力。"jQuery CSS3云朵飘动动画特效"是一个巧妙地结合了JavaScript库jQuery和CSS3技术,以实现...

Global site tag (gtag.js) - Google Analytics