jQuery - 获取并设置 CSS 类
通过 jQuery,可以很容易地对 CSS 元素进行操作。
jQuery 操作 CSS
jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些:
- addClass() - 向被选元素添加一个或多个类
- removeClass() - 从被选元素删除一个或多个类
- toggleClass() - 对被选元素进行添加/删除类的切换操作
- css() - 设置或返回样式属性
实例样式表
下面的样式表将用于本页的所有例子:
.important { font-weight:bold; font-size:xx-large; } .blue { color:blue; }
jQuery addClass() 方法
下面的例子展示如何向不同的元素添加 class 属性。当然,在添加类时,您也可以选取多个元素:
实例
$("button").click(function(){ $("h1,h2,p").addClass("blue"); $("div").addClass("important"); });
您也可以在 addClass() 方法中规定多个类:
实例
$("button").click(function(){ $("#div1").addClass("important blue"); });
jQuery removeClass() 方法
下面的例子演示如何不同的元素中删除指定的 class 属性:
实例
$("button").click(function(){ $("h1,h2,p").removeClass("blue"); });
jQuery toggleClass() 方法
下面的例子将展示如何使用 jQuery toggleClass() 方法。该方法对被选元素进行添加/删除类的切换操作:
实例
$("button").click(function(){ $("h1,h2,p").toggleClass("blue"); });
jQuery css() 方法
我们将在下一章讲解 jQuery css() 方法。
相关推荐
jQuery开发从入门到精通(袁江)( HTML5+CSS3网页模板)
html5入门到精通 视频教程 下载网盘:http://pan.baidu.com/s/1sllC6TJ 目录: HTML5介绍 HTML5开发教程-1.相关概念和准备工作 HTML5开发教程-2.HTML5基础 HTML5开发教程-3.HTML核心元素1 HTML5开发教程-4.HTML...
HTML5+CSS3+JS,教程,源代码 javascript 很好的开发编辑教程 下载试读
移动互联网之路_(HTML5_CSS3_jQueryMobile) 《APP与移动网站设计从入门到精通》 源文件和最终文件.zip
和jQuery的PDF电子教程和7套实用技术参考手册,以及作者多年积累和收集的各类网页设计素材和辅助工具,以确保读者能够快速精通CSS的布局之道。 本教程结构清晰,讲解到位,内容实用,知识点覆盖面广,适合初、中级...
jQuery:jQuery教程(jquery从入门到精通) AJAX:【尚硅谷】3小时Ajax入门到精通 ES6-ES11:Web前端ES6教程,涵盖ES6-ES11 Node.js:2023版Node.js零基础视频教程,nodejs新手到高手 AngularJS:AngularJS实战教程angular....
综观现在已经出版的中文类jQuery图书,不是简单的概念性介绍,就是缺乏真正的实践指导,而且版本相对陈旧。为了让所有还没有完全掌握jQuery技术的开发者能迅速步入jQuery的殿堂,本书诞生了,相信它不会让你失望。 ...
https://www.bilibili.com/video/BV1gK411P7RQ?p=92&spm_id_from=pageDriver
《精通JavaScript+jQuery(1CD)》内容翔实、结构清晰,讲述循序渐进,并注意各个章节之间、实例之间的呼应和对照,既可作为JavaScript、jQuery初学者的入门教材,也适合高级用户进一步学习和参考。
前端学习从入门到精通,需要掌握以下内容12: 入门阶段: HTML+CSS基础:掌握HTML的标签使用、排版技巧、CSS的布局定位、样式美化、浏览器兼容性。 JavaScript基础:掌握JS的基本语法、条件、语句、循环等,学会...
《精通JavaScript》讲述了现代JavaScript的所有知识,展现了这门技术将能给网站建设带来如何丰富的体验。《精通JavaScript》关注于基础且重要的主题——现代JavaScript是什么和不是什么,浏览器支持的当前状态,以及...
[Microsoft Press] JavaScript 从入门到精通 (英文版) [Microsoft Press] JavaScript Step by Step 3rd Edition (E-Book) ☆ 图书概要:☆ Your hands-on guide to JavaScript fundamentals Expand your ...
精通JavaScript+jQuery 书籍目录: 第1部分 JavaScript.cCSS与DOM基础篇 第1章 ccJavaScript概述 1.1 JavaScript的起源 1.2 浏览器之争 1.2.1 DHTML 1.2.2 浏览器之间的冲突 1.2.3 标准的...
Chapter 34: The jQuery UI Effects & CSS Framework .........................................921 Chapter 35: Using Deferred Objects.......................................................................
书中的所有源码 居家旅行必备:) 涉及CSS,JS,JQuery 目前最好的入门范例,含综合应用(酷炫)
课程涵盖:Servlet程序、Filter过滤器、Listener监听器、JSP页面、EL表达式、JSTL标签库、jQuery框架、Cookie技术、Session会话、JSON使用、Ajax请求等全部Web开发核心技术点,并在讲解知识点过程中带领大家完成一个...
python入门到高级全栈工程师培训视频学习资料;本资料仅用于学习,请查看后24小时之内删除。 【课程内容】 第1章 01 计算机发展史 02 计算机系统 03 小结 04 数据的概念 05 进制转换 06 原码补码反码 07 物理层和...