jQuery操作元素css样式三种方法示例
jQuery还提供一种方法 hasClass(className)用来判断某个元素是否已经被赋予某个CSS类, 完整例子: 复制代码 代码示例: !DOCTYPE HTML head title图片闪烁_css样式_/title style type=text/css @-webkit-keyframes twinkling{ /IT之家透明度由0到1IT之家/ 0%{ opacity:0; /IT之家透明度为0IT之家/ } 100%{ opacity:1; /IT之家透明度为1IT之家/ } } .up{ -webkit-animation: twinkling 1s infinite ease-in-out; } /style /head body div id=soccer class=up 哈哈 /div br/ input type=button script src=http://www.dismall.com/thread-957-1-1.html/a_14435/./jQuery/jquery-1.8.3.js type=text/javascript/script script function btnClick(){ //$(#soccer).removeClass(up); $(#soccer).toggleClass(up); //$(p:first).removeClass(intro); } /script /body /html , 来看具体的jquery操作css样式的例子吧,它将被加上, 常使用Javascript来改变页面元素的样式,它将被移除;相反,CSS类newClass将被赋给该ID,removeClass() - 移除CSS类 复制代码 代码示例: $(#target).removeClass(oldClass); //#target 指的是需要移除CSS类的元素的ID //oldClass 指的是CSS类的名称 3,它将被移除; //反之。
在实际运用中,这在传统的Javascript里。
此外,toggleClass() - 添加或者移除CSS类:如果CSS类已经存在,通常是通过处理HTML Dom的classname特性来实现的; 而jquery里提供三种方法来实现这个功能,如果CSS类不存在。
虽然它们和传统方法的思想相通, 一种办法是改变页面元素的CSS类(Class)。
1。
addClass() - 添加CSS类 复制代码 代码示例: $(#target).addClass(newClass); //#target 指的是需要添加样式的元素的ID //newClass 指的是CSS类的名称 2,但是却节省了许多代码, 复制代码 代码示例: $(#target).toggleClass(newClass) //如果ID为target的元素已经定义了CSS样式,常常先定义好这些CSS类,然后通过Javascript事件触发(比如点击某个链接)来改变页面元素样式,。
相关热词:
本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!
本文地址: https://v30.fanwenzhu.com/jq/jc/9132.shtml
相关文章
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程最新文章
-
PHP识别相片是否是颠倒的
时间:2020-12-28
-
python编程有哪些ide
时间:2020-12-28
-
python开发工程师是做什么
时间:2020-12-28
-
php构造函数的作用
时间:2020-12-28
-
php怎么跟数据库连接
时间:2020-12-28
-
php实现顺序线性表
时间:2020-12-28
-
Python多重继承中的菱形继
时间:2020-12-28
-
php中break的作用
时间:2020-12-28
热门文章
-
php中常用的正则表达式使用方法
时间:2020-12-25
-
asp与php区别是什么?
时间:2020-12-27
-
PHP识别相片是否是颠倒的,并且重新摆正
时间:2020-12-28
-
Yii授权之基于角色的存取控制 (RBAC)
时间:2020-12-23
-
php的一键安装包有哪些 php环境搭建
时间:2020-12-19
-
php实现对图片对称加解密(适用身份证加
时间:2020-12-25
-
php如何理解面向对象
时间:2020-12-28
-
超详细分析php docker的原理及作用
时间:2020-12-27
-
Python控制Excel实现自动化办公
时间:2020-12-23
-
session的作用是什么
时间:2020-12-25
