文档章节

37.JQ 设置样式

Lucky_Me
 Lucky_Me
发布于 2017/09/02 23:33
字数 135
阅读 13
收藏 0
jq

JQ中通过css属性设置样式

1.效果

2.代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>元素选择器(标签选择器)</title>
        <script src="../js/jquery-3.2.1.js"></script>
        <script>
            $(function(){
                $("p").css("font-size","30px");
                $("p").css("color","red");
                $("p").css("text-align","center");
            });
        </script>
    </head>
    <body>
        <p>因为有你</p>
        <p>世界更精彩</p>
        <p>明天会更好</p>
    </body>
</html>
 

 

© 著作权归作者所有

共有 人打赏支持
Lucky_Me
粉丝 7
博文 187
码字总数 63468
作品 0
美国
JavaScript之css操作总结

用js获取、设置元素的样式是前端经常需要用到的,这里总结一些常用到的办法。 1. 用js修改元素的class。 class 属性是在标签上引用样式表的方法之一,它的值是一个样式表的选择符,如果改变了...

liu_yong
2016/11/06
4
0
伪元素选择器

CSS2.1中定义了4个伪元素:设置首字母样式,设置第一行样式,设置之前和之后元素的样式 1、设置首字母样式: 2、设置第一行样式: 在CSS2中,:first-letter和:first-line伪元素只能应用于标记...

拉普拉斯婷
2016/06/20
19
0
Qt stylesheet 源码学习

stylesheet 本文不准备谈样式表的使用。因为Manual中介绍的很清楚了,给的例子也都很不错。再就是我本身对CSS语法不太熟,术语把握不好,qss用的不多。 不过,有两个问题新手似乎特容易迷惑,...

晨曦之光
2012/05/08
804
1
中插入标签,css不能立即生效

使用对link标签设置disabled属性的方式实现多样式css切换,逻辑是这样的: 切换样式时,把当前样式的link标签设置disabled为true,把要切换的样式的link标签设置disabled为false,若要切换的...

con
2014/08/11
1K
2
CSS Tutorial(一):基本知识

1.简介 CSS(Cascading Style Sheets):叠层样式表。主要用来定义如何去显示HTML的元素。HTML4中添加CSS主要是为了达到内容与显示分离。 HTML原本是设计用来用来定义一个文档的内容,而不是用...

wawlian
2012/03/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

sourcetree 离线免注册登录安装教程

Sourcetree是一个优秀的git可视化管理工具,深受开发者喜爱Sourcetree官网,但是在安装时需要谷歌账户登录,需要翻qiang才可以,此一点一直被人们所诟病。今天本教程就为大家提供离线免登陆安...

QQZZFT
11分钟前
0
0
使用 PostgreSQL 解决一个实际的统计分析问题

使用 PostgreSQL 解决一个实际的统计分析问题作者:老农民(刘启华)Email: 46715422@qq.com 之前有个朋友扔给我一个奇葩需求,他们公司之前做了一批问卷调查,全部都是统一格式的excel...

新疆老农民
14分钟前
0
0
TypeScript基础入门之高级类型的映射类型

转发 TypeScript基础入门之高级类型的映射类型 高级类型 映射类型 一个常见的任务是将一个已知的类型每个属性都变为可选的: interface PersonPartial {    name?: string;    age?...

durban
29分钟前
0
0
Dubbo源码分析(6):Dubbo内核实现之基于SPI思想Dubbo内核实现

SPI接口定义 定义了@SPI注解 package com.alibaba.dubbo.common.extension; import java.lang.annotation.Documented;import java.lang.annotation.ElementType;import java.lang.an......

郑加威
29分钟前
0
0
RxJS的另外四种实现方式(后记)—— 同时实现管道和链式编程

目录 RxJS的另外四种实现方式(序) RxJS的另外四种实现方式(一)——代码最小的库 RxJS的另外四种实现方式(二)——代码最小的库(续) RxJS的另外四种实现方式(三)——性能最高的库 Rx...

一个灰
32分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部