jQuery入门(16) 设置或取得元素的CSS class

jQuery支持方法用来操作HTML元素的CSS 属性
下面的方法为jQuery 提供的CSS操作方法:

addClass() – 为指定的元素添加一个或多个CSS类。

removeClass() – 为指定的元素删除 一个或多个CSS类。

toggleClass() – 为指定的元素在添加/删除CSS类之间切换。

css() -设置 或是取得CSS类型属性。

下面的StyleSheet为后面例子使用的CSS风格:

.important   

 {
 font-weight:bold;
 font-size:xx-large;
 }     

 .blue
 {
 color:blue;
 }

jQuery addClass示例

下面的例子为给定的元素添加CSS风格类

<!DOCTYPE 

html>
<html>
<head>
    <meta charset="utf-8">
    <title>JQuery Demo</title>
    <script src="scripts/jquery-1.9.1.js"></script>     

    <script>
        $(document).ready(function () {
            $("button").click(function () {
                $("h1,h2,p").addClass("blue");
                $("center").addClass("important");
            });
        });
    </script>
    <style type="text/css">
        .important
        {
            font-weight: bold;
            font-size: xx-large;
        }     

        .blue
        {
            color: blue;
        }
    </style>
</head>
<body>     

    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    <center>This is some important text!</center>
    <br>
    <button>Add classes to elements</button>     

</body>
</html>

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery
, css 程序入门
, css
, 方法
, 元素
, addClass
, font-size
添加CSS类
jquery 取得class、jquery 取得classname、jquery css class、jquery css addclass、jquery css classname,以便于您获取更多的相关知识。

时间: 2024-08-30 02:42:09

jQuery入门(16) 设置或取得元素的CSS class的相关文章

jQuery获取和设置表单元素的方法

 本篇文章主要对jQuery获取和设置表单元素的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 jQuery提供了val()方法,使用它我们可以快速地获取和设置表单的文本框.单选按钮.以及单选按钮的值. 使用val()不带参数,表示获取元素的值 使用val()给定参数,则表示把值赋给元素   如下:     代码如下: //获取值 alert($("input#mytextbox").val()); alert($("select#mylist").v

jquery入门篇 设置css 给input赋取与获取input输入框值代码

jquery入门篇 设置css教程 给input赋取与获取input输入框值代码 <script language="网页特效"> $('#linkflash').css('display','none');//给linkflash设置css $("#linkl").val('http://www.111cn.net');//给linkl赋值 $("#link_url").val();//获取link_url值 </script

jQuery获取和设置表单元素的方法_jquery

jQuery提供了val()方法,使用它我们可以快速地获取和设置表单的文本框.单选按钮.以及单选按钮的值.使用val()不带参数,表示获取元素的值使用val()给定参数,则表示把值赋给元素 如下: 复制代码 代码如下: //获取值alert($("input#mytextbox").val());alert($("select#mylist").val());alert($("input#myradio").val()); //设置值$(&quo

jquery入门教程

jQuery入门(1) 概述 jQuery入门(2) 基本语法 jQuery入门(3) Selectors jQuery入门(4) Events jQuery入门(5) 显示/隐藏内容 jQuery入门(6) 淡入淡出效果 jQuery入门(7) 滑动效果 jQuery入门(8) 动画效果 jQuery入门(9) 终止动画 jQuery入门(10) 回调函数 jQuery入门(11) 方法链 jQuery入门(12) HTML Get jQuery入门(13) HTML Set jQuery入门

jQuery入门基础知识学习指南_jquery

打开一个网页,如果 HTML 没有完全加载完毕,就去操作页面中元素是不安全的,但是监测 HTML 是否加载完毕呢?jQuery 提供了一个 $(document).ready() 方法,任何 ready 中的代码在 HTML 完全加载完成后才会被执行. $(document).ready(function() { console.log('ready!'); }); 此外,它还有一个简写方式 $(function() { console.log('ready!'); }); $(document

针对初学者的jQuery入门指南_jquery

 jQuery 是什么,它能为我们做什么?如果你是一名 Web 开发人员,写过 JavaScript 程序,那么你很可能正在使用 jQuery,即使没有试用过,至少也听说过,事实上 jQuery 可以说是现阶段最流行的 JavaScript 库.据有关部门统计,全球网站上面,约有 28% 的网站在使用 jQuery,这个数字可能有些夸张,但足见 jQuery 受欢迎的程度.本文仅对 jQuery 的使用方法作简单介绍,且作为一个入门教程吧.下载 jQuery 代码,并在页面中载入 首先需要从jQ

javaScript 读取和设置文档元素的样式属性_javascript技巧

首先我们先说一下样式表属性 1. 内联样式即元素style属性里面设置的,级别最高 2. 页面样式表定义即页面<style></style>里面定义的,级别次之 3.外部链接样式表文件 JavaScript获取和设置文档元素的css属性: 1.获取元素Style属性里面设置的样式属性, document.getElementById(id).style.height; 有,则返回属性值:没有则返回空 IE和火狐皆然,只是有的属性值返回可能不一样,比如像颜色火狐返回rgb,而IE是返

jQuery设置指定网页元素宽度和高度的方法

 这篇文章主要介绍了jQuery设置指定网页元素宽度和高度的方法,涉及jQuery操作width及height方法的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery设置指定网页元素宽度和高度的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <!DOCTYPE html> <html> <head> <script src=&

jQuery入门(17) 读写HTML元素的css属性

jQuery 的css()方法用来设置或读取HTML元素的css属性. 读取元素的CSS语法语法如下: css("propertyname"); 比如下面代码取得第一个<p>元素的背景颜色. $("p").css("background-color"); 使用下面的语法来设置HTML元素的CSS属性: css("propertyname","value"); 例如,下面代码为所有<p>