JQuery属性与样式——删除样式.removeClass()和切换样式.toggleClass()

删除样式.removeClass()和切换样式.toggleClass()

1 .removeClass()从匹配的元素中删除全部或者指定的class

2 .removeClass()的2种方法

.removeClass([className])每个匹配元素移除的一个或多个用空格隔开的样式名

.removeClass(function(index,class))一个函数，返回一个或多个将要被移除的样式名

3 如果一个样式类名作为一个参数，样式类会被从匹配的元素集合中删除，如果没有样式名作为参数，那么所有的样式类将会被移除

4 通过.toggleClass方法添加删除Class，一次执行相当于addClass，再次执行相当于removeClass

5 .toggleClass()方法：t在匹配的元素集合中的每个元素添加或删除一个或多样式类，取决于这个样式类是否存在或值切换属性，即如果不存在就添加一个类，如果存在就删除一个类

6 .toggleClass()的4种方法

.toggleClass(className)在匹配的元素集合中的每个元素上用来切换一个或多个（有空格隔开）样式类名

.toggleClass(className,switch)一个布尔值，用于判断样式是否应该被添加或移除

.toggleClass([switch])一个用来判断样式)[switch])类添加还是移除的布尔值

.toggleClass(function(index,class,switch)用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数，接受元素的索引位置和元素旧的样式雷作为参数

7 .toggleClass是一个互斥的逻辑，通过判断对应的元素上是否存在指定的Class名，如果有就删除，没有就增加

8 .toggleClass会保留原有的Class名后新增，通过空格隔开

时间： 2024-10-27 10:05:12

JQuery属性与样式——删除样式.removeClass()和切换样式.toggleClass()的相关文章

删除空白行+删除不可见内容+删除文档中某个样式+阻止快速样式切换

一.删除空白行操作:编辑组中的替换---选择更多---特殊格式---点击两次段落标记(替换行中)----点击一段落标记(被替换为) 二.删除不可见内容操作:文件---检查问题---检查文档---是---检查(检查器对话框)---不可见内容全部删除---重新检查确认是否删除完,然后再关闭三.删除文档中某些样式样式功能组---管理样式---导入/导出---选中所有需要删除的样式---删除四.阻止快速样式切换样式组功能---管理样式---限制---勾选阻止样式自动切换原文地址:ht

jQuery属性和样式

1..attr()与.removeAttr(): attr()方法:用来获取和设置元素属性. attr()的4个表达式: attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值 attr(属性名,函数值):设置属性的函数值 attr(attributes):给指定元素设置多个属性值,即:{属性名一: “属性值一” , 属性名二: “属性值二” , … … } removeAtter()方法:用来为匹配的元素集合中的每个元素中移除一个属性 2..html()和.text(

jQuery属性与样式

attr()方法 .jQuery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr() attr()有4个表达式 attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值 attr(属性名,函数值):设置属性的函数值 attr(attributes):给指定元素设置多个属性值,即:{属性名一: "属性值一" , 属性名二: "属性值二" , - - } remo

class 添加样式,删除，开关【选择】addClass,removeClass,toggleClass

<1> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="script/jquery-1.11.0.min.js" type="text/javascript"></script> <style type="text/css"&g

jQuery使用之（二）设置元素的样式

css是页面不能分隔的部分,jQuery中也提供了一些css相关的实用的办法.前面章节中有使用过 addClass()为元素添加css样式风格.本节主要介绍jQuery如何设置页面的样式风格.包括添加.删除.动态切换等. 1. 添加.删除css类别. $(function() { //同时添加多个CSS类别 $("img").addClass("css1 css2"); }); 如以上代码对img元素添加了css1和 css2两个样式 removeClass与add

jQuery的取节点与更快的CSS样式改变

jQuery中使用 $ ,可以通过元素的id, css class或 tag name很容易的获取到相应的元素. 这让之前取节点的繁琐变的简单.简短.简洁.并且为了更加方便的可以选择到相应的元素,提供了筛选的功能. 例: $(“p:gt(2)”) //2以上的元素$("p:lt(10)”) // 0-9 $(“p:empty”) //没有子孩子的p 还在匹配的元素中,设置一个样式属性的值例: $("p").css("color","red&

js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

通过list-style-image属性指定自己的图片作为列表项样式

设计包含了用户的交互体验和视觉,css所要描述的内容,大多来自于设计领域可以说基本是ps上内容的移植,所以了解些ps设计上的知识有助于你将设计稿转换成css代码,而交互体验主要是指用户在应用上的操作是否流畅,这种流畅包括性能和交互两个方面. 计算如果细数前端这些年的发展,其实除了一些浏览器环境特有的问题,大多数还是在照搬后端的那些东西,包括模块化,编译,面向对象等等,这么做的原因是什么?我觉得是为了解决web应用中的一个趋势,计算前置,为了使web应用在设计中能够使用户交互更加流畅,我们把很多

JQuery属性操作 addclass removeclass hasclass toggleClass()

参考页面: http://www.w3school.com.cn/jquery/jquery_ref_attributes.asp 1:addClass() romoveclass():向匹配的元素添加指定的类名一个或多个,致死天际一个或多个class属性:(如果添加多个类,可以使用空格分隔类名) A:想第一个p元素添加一个类: $("p:first").addClass("intro"); B: 使用函数添加一个类 <script