Jquery---属性操作
来源:互联网 发布:怎么让4g网络信号增强 编辑:程序博客网 时间:2024/06/03 01:56
Jquery—属性操作
方法:
- addclass 向匹配的元素添加指定的类名。
`
addClass() 方法向被选元素添加一个或多个类。
该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。提示:如需添加多个类,请使用空格分隔类名。
语法
$(selector).addClass(class)
`
$("button").click(function(){ $("p:first").addClass("intro");});
2、 removeclass 向匹配的元素移除指定的类名。
定义和用法
removeClass() 方法从被选元素移除一个或多个类。
注释:如果没有规定参数,则该方法将从被选元素中删除所有类。
语法
$(selector).removeClass(class)
<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $("button").click(function(){ $("p").removeClass("intro"); });});</script><style type="text/css">.intro{font-size:120%;color:red;}</style></head><body><h1 id="h1">This is a heading</h1><p class="intro">This is a paragraph.</p><p>This is another paragraph.</p><button>从第一个段落中删除类</button></body></html>
3、toggleClass() 从匹配的元素中添加或删除一个类。
使用函数来移除类
使用函数来删除被选元素中的类。
语法
$(selector).toggleClass(class,switch)
<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $("button").click(function(){ $("p").toggleClass("main"); });});</script><style type="text/css">.main{font-size:120%;color:red;}</style></head><body><h1 id="h1">This is a heading</h1><p>This is a paragraph.</p><p>This is another paragraph.</p><button class="btn1">切换段落的 "main" 类</button></body></html>
0 0
- jquery操作属性
- jquery属性操作
- jQuery 属性操作
- jQuery操作元素属性
- jQuery操作元素属性
- jQuery 属性操作
- jquery操作"元素属性"
- jQuery属性操作
- jquery 属性操作~
- jquery属性操作attr()
- jquery操作元素属性
- jQuery 参考手册 - 属性操作
- jquery 属性操作
- jQuery操作元素属性
- jQuery 参考手册 - 属性操作
- jquery的属性操作
- Jquery操作readOnly属性
- jquery 操作 class 属性
- 常见Android面试题及答案(详细整理)
- PHP字符串处理
- Linux下apt方式卸载软件
- 面试记录
- 搜索引擎应用优化技能总结
- Jquery---属性操作
- Codeforces #406 (Div. 2 A. The Monster&B. Not Afraid (暴力
- tabBarItem标题与图片去除渲染
- jQuery选择器之层级选择器
- TP5中Request类可以获得哪些常量信息
- iOS 创建类似遥控器的圆形选择键
- Android五大常用布局
- Android自定义View的实现方法,带你一步步深入了解View
- ffmpeg命令 控制关键帧输出