• jQuery CSS 操作


    jQuery CSS 操作

    jQuery 拥有三种用于 CSS 操作的重要函数:

    • $(selector).css(name,value)
    • $(selector).css({properties})
    • $(selector).css(name)

    CSS 操作实例

    函数 css(name,value) 为所有匹配元素的给定 CSS 属性设置值:

    实例

    $(selector).css(name,value)
    $("p").css("background-color","red");
    

    查看示例

    函数 css({properties}) 同时为所有匹配元素的一系列 CSS 属性设置值:

    实例

    $(selector).css({properties})
    $("p").css({"background-color":"red","font-size":"200%"});
    

    查看示例

    函数 css(name) 返回指定的 CSS 属性的值:

    实例

    $(selector).css(name)
    $(this).css("background-color");
    

    查看示例

    jQuery Size 操作

    jQuery 拥有两种用于尺寸操作的重要函数:

    • $(selector).height(value)
    • $(selector).width(value)

    Size 操作实例

    函数 height(value) 设置所有匹配元素的高度:

    实例

    $(selector).height(value)
    $("#id100").height("200px");

    函数 width(value) 设置所有匹配元素的宽度:

    实例

    $(selector).width(value)
    $("#id200").width("300px");

    jQuery CSS 函数 - 来自本页

    CSS 属性描述
    $(selector).css(name,value) 为匹配元素设置样式属性的值
    $(selector).css({properties}) 为匹配元素设置多个样式属性
    $(selector).css(name) 获得第一个匹配元素的样式属性值
    $(selector).height(value) 设置匹配元素的高度
    $(selector).width(value) 设置匹配元素的宽度
  • 相关阅读:
    博客园二号地址:
    VisionMaster4.0.0二次开发教程(每日更新博客)
    5.观察者模式
    4.策略模式
    微信小程序radio的样式修改
    Linux下mysql安装
    idea2020 设置Run Dashboard
    一个方便统计页面 PV/UV、触发和交互的轻量级前端埋点工具
    登录认证-实名认证-产品设计
    启示录—产品经理
  • 原文地址:https://www.cnblogs.com/jiangxifanzhouyudu/p/6072111.html
Copyright © 2020-2023  润新知