jQuery-处理class属性
1、addClass方法
为每个匹配的元素添加指定的样式类名
参数类型说明:
1)class名称(字符串)
每个匹配元素添加的一个或多个用空格隔开的样式名
2)function(index, currentClass)
有多少个匹配元素,这个函数就会执行多少次!
函数可以接受到两个参数:第一个是当前元素的序号、第二个是当前元素拥有class
函数内部this代表当前的html元素对象
return 的数据就是类名
2、hasClass方法
确定任何一个匹配元素是否含有给定的(样式)类,返回true或false
可用于多个拥有多个类名的元素
参数类型说明:
类名称
3、removeClass方法
移除集合中每个匹配元素上一个,多个或全部样式
1)class名称(字符串)
每个匹配元素移除的一个或多个用空格隔开的样式名
2)function(index, className)
有多少个匹配元素,这个函数就会执行多少次!
函数可以接受到两个参数:第一个是当前元素的序号、第二个是当前元素拥有class
函数内部this代表当前的html元素对象
返回一个或多个(用空格隔开)将要被移除的样式名
4、toggleClass方法
切换!如果存在(不存在)类就删除(添加)这个类
使用说明:
1)使用方式一:
不传参数
对已有的class进行切换!
2)使用方式二:
传入类型: String
在匹配的元素集合中的每个元素上用来切换的一个或多个(用空格隔开)样式类名
3)使用方式三
传入函数:
Function( Integer index, String className )
String className:当前元素拥有的class
返回应该显示的样式
可以人工控制是应该加上指定的样式,还是移除指定的样式!
可以给该参数传第二个参数(布尔值),用来表示判断样式类是否应该被添加或删除:
true表示添加样式,false表示移除样式!
jQuery-处理class属性的更多相关文章
- jQuery修改class属性和CSS样式
jQuery修改class属性和CSS样式 class属性修改 类属性即class属性,规定类名. 用类选择器规定样式的时候,需要为元素指定类名,即class属性的值. 注意每个HTML元素只有一个c ...
- jquery笔记之属性选择器 查找以某种条件开头的页面元素
jquery笔记之属性选择器 查找以某种条件开头的页面元素 转载:http://www.blogbus.com/amyqiong-logs/78340326.html $("div[id]& ...
- jquery对标签属性操作
jquery中添加属性和删除属性: $("#2args").attr("disabled",'disabled'); $("#2args") ...
- jQuery源代码阅读之三——jQuery实例方法和属性
jQuery实例方法及属性相关的代码结构如下 jQuery.fn=jQuery.prototype={ jQuery:core_version, constructor:jQuery, selecto ...
- jquery通过name属性取值的方法
jquery通过name属性取值的方法//$("input[name='imgtitle']").val();//这个只能取到第一个的值//通过each函数取得所有input的值v ...
- 使用jQuery设置disabled属性与移除disabled属性
Readonly只针对input和textarea有效,而disabled对于所有的表单元素都有效,下面为大家介绍下使用jQuery设置disabled属性 表单中readOnly和disable ...
- jQuery訪问属性,绝对定位
一. jQuery訪问属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...
- Jquery attr()方法 属性赋值和属性获取
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1. attr(属性名 ...
- JQuery设置input属性(disabled、enabled)
document.getElementById("removeButton").disabled = false; //普通Js写法 $("#removeButton&q ...
- jquery中的属性和css
jQuery中的属性用于获取或设置元素的属性 1.attr(),获取或设置所有相匹配的元素的属性值:removeAttr("attr"),移除所有相匹配的元素的属性 //html ...
随机推荐
- MYSQL加入远程用户或同意远程訪问三种方法
加入远程用户admin密码为password GRANT ALL PRIVILEGES ON *.* TO admin@localhost IDENTIFIED BY \'password\' WIT ...
- Dos.ORM logo.Net轻量级开源ORM框架 Dos.ORM
http://www.oschina.net/p/dos-orm http://www.oschina.net/project/lang/194/csharp http://www.cnblogs.c ...
- C#判断窗体是否存在重复打开
foreach (Form f in Application.OpenForms) { f.Name //是打开窗体的Text //以下判断....... } Form2 F2 ; if(F2 == ...
- transitionFromViewController方法的使用
转自:http://blog.sina.com.cn/s/blog_7b9d64af0101c2vm.html 1.背景 iOS 5.0 以前 ,我们在一个视图控制器中会用addSubView方法 ...
- compiled inline cache
http://cr.openjdk.java.net/~jrose/pres/200910-VMIL.pdf https://wiki.openjdk.java.net/display/HotSpot ...
- vue2.0 代码功能片段
1.代码片段截取 checkAll: function(flag){ this.checkAllFlag = flag; this.productList.forEach(function(value ...
- Oracle快速测试连接是否成功
Oracle 客户端建立了TNS连接后,可以快速查看连接是否成功. 1.在cmd中执行命令tnsping orcl(全局数据库名称),即可.以下是命令执行后的示例. 2.如果上一步成功,可以进一步执行 ...
- sqlserver 用户名创建 及权限配置
打开SQL Server2008,以windows身份验证模式登陆(其他版本同理) 在"对象资源管理器"中展开"安全性",右击"登录名",在 ...
- [转]SQL Server 2012 的 T-SQL 新功能 – 新的数据分析函数(LEAD、LAG)
当您需要在 SQL Server 中利用 T-SQL 比较结果集的每一列跟前一列或后一列的差异时,在过去可能需要利用 CURSOR 搭配临时表变量,或是透过递归 CTE 来达到这个效果,如今 SQL ...
- 解决android studio项目中Failded to sync Gradle project 'XXXX' Cause:failed to find target with hash string 'android-16'问题
之前在github上通过import module导入一个项目,结果报错,提示找不到sdk相应的版本xx,而我的compileSdkVersion明明写的是23不是xx,查了半天也没解决.最后只好下载 ...