.css()——获取匹配元素集合中的第一个元素的样式属性的值设置每一个匹配元素的一个或多个CSS属性。

.hasClass()——确定不论什么一个匹配元素是否有被分配给定的（样式）类；

.addClass()——为每一个匹配的元素加入指定的样式类名。

.removeClass()——移除集合中每一个匹配元素上一个，多个或所有样式；

.toggleClass()——在匹配的元素集合中的每一个元素上加入或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即：假设存在（不存在）就删除（加入）一个类。

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>加入元素&删除元素</title>

    <script src="js/jquery-1.11.2.min.js"></script>

    <script src="js/css.js"></script>

    <style>

        .divStyle{

            width:800px;

            height: 25px;

            background-color: #1abc9c;

        }

    </style>

</head>

<body>

<div id="div1">

    获取匹配元素集合中的第一个元素的样式属性的值或设置每一个匹配元素的一个或多个CSS属性。

</div>

</body>

</html>
$(document).ready(function(){

    //$("#div1").css({

    //    width:"700px",height:"25px",backgroundColor:"#01C5FF"

    //});

    //$("#div1").addClass("divStyle");

    //$("#div1").removeClass("divStyle");

    $("#div1").click(function(){

        $(this).toggleClass("divStyle");

    })

})

jQuery的CSS操作的更多相关文章

  1. JQuery 之CSS操作

    JQuery 之CSS操作 设置 <p> 元素的颜色: 将所有段落的颜色设为红色 $(".btn1").click(function(){ $("p" ...

  2. JQuery常用CSS操作

    JQuery常用CSS操作 $(elem).css(obj):设置行内样式 $(elem).position():返回相对于父容器位置,只能获取不能设置 $(elem).offset(obj):返回相 ...

  3. jQuery基础--CSS操作、class操作、attr操作、prop操作

    1.1.1    css操作 功能:设置或者修改样式,操作的是style属性. 设置单个样式 //name:需要设置的样式名称 //value:对应的样式值 css(name, value); //使 ...

  4. 【JQuery】css操作

    一.前言         接着上一章的内容,继续JQuery的学习 二.内容 css 设置或返回匹配元素的样式属性 $(selector).css(css-property-name) $(selec ...

  5. jquery之css操作

    HTML示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...

  6. jquery对css操作

    1.css取得p的颜色:$(document).ready(function(){ var p= $("p").css("color"); alert(p);} ...

  7. jQuery DOM/属性/CSS操作

    jQuery DOM 操作 创建元素 只需要把DOM字符串传入$方法即可返回一个 jQuery 对象 var obj = $('<div class="test">&l ...

  8. jQuery学习-css、class操作、动画方法的运用、jQ操作Dom节点

    css操作(设置单个/多个样式.获取样式) //修改单个属性:括号之中直接是需要修改的样式名,值 css(name,value) //例:$("#one").css("b ...

  9. jQuery 属性操作和CSS 操作

    如有在jQuery方法中涉及到函数,此函数必定会返回一个数值(函数由于运行次数不同触发一些不同效果) jQuery 属性操作方法(以下方法前些日子学习过,不再赘述) addClass() attr() ...

随机推荐

  1. 0x59 单调队列优化DP

    倍增DP太难啦心情好再回去做 poj1821 先让工匠按s排序,f[i][j]表示枚举到第i个工匠涂了j个木板(注意第j个木板不一定要涂) 那么f[i][j]可以直接继承f[i-1][j]和f[i][ ...

  2. hdoj-1004-Let the Balloon Rise（水题）

    Let the Balloon Rise Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Oth ...

  3. friend（hdoj 1719）

    Friend Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total Sub ...

  4. c#为程序添加全局热键的方法

    在程序失去焦点或者在后台运行时,可以通过使用全局热键的方式,进行一些快捷的操作,如QQ默认操作中ctrl+alt+A调出截图功能. 在Windows中实现热键功能需要使用win32的Api函数Regi ...

  5. 用dom4j解析xml文件并执行增删改查操作

    转自:https://www.aliyun.com/jiaocheng/1339446.html xml文件: <?xml version="1.0" encoding=&q ...

  6. [Luogu1273] 有线电视网

    [Luogu1273] 有线电视网 题目描述 某收费有线电视网计划转播一场重要的足球比赛.他们的转播网和用户终端构成一棵树状结构,这棵树的根结点位于足球比赛的现场,树叶为各个用户终端,其他中转站为该树 ...

  7. 如何正确产看API

    看API时,先看的它的父接口自接口,及其相关的抽象类和子类 看完后,看概述的第一段话就行,后面的不用看. 再看构造方法,并到底层去看构造方法里参数的具体含义. 最后,再将包含的方法一个个进行测试. 解 ...

  8. canvas的常用api

    canvas 标签 <canvas width="600" height="400" id="canvas"></canv ...

  9. 09.javaweb简单标签编程

    一.简单标签 1,  简介:由于传统标签使用三个标签接口来完成不同的功能,显得过于繁琐,不利于标签技术的推广, SUN公司为降低标签技术的学习难度,在JSP 2.0中定义了一个更为简单.便于编写和调用 ...

  10. C# 学习笔记1 _ 学习要点

    程序开始 MainConsole.WriteLine(“换行”);Console.Write(“不换行”);Console.ReadKey();   等待用户从键盘上键入一个键.Console.Cle ...