当前位置:  编程技术>jquery

JQuery如何为元素添加样式

    来源: 互联网  发布时间:2014-10-04

    本文导语:  为定义好的css样式可以调用元素的css方法添加样式   代码示例: $("span").css("css属性名","属性值")   如  $("span").css("color","red") 将标签为span的字体都设为红色的 $("#id")  $("span")  如果是定义好的css样式,可以通过addClass来添加...

为定义好的css样式可以调用元素的css方法添加样式
 

代码示例:
$("span").css("css属性名","属性值")
 

如  $("span").css("color","red") 将标签为span的字体都设为红色的
$("#id")  $("span") 
如果是定义好的css样式,可以通过addClass来添加,比如
 

代码示例:

.aa
{
border:1px solid red;
}

$("#txtName").addClass("aa");

jquery中对css样式操作的方法:
1、.css("样式"):获得样式值,比如$("input").css("color")  获得input中字体的颜色

2、.css("样式","value"):为样式赋值,如$("input").css("color","red");

3、.addClass("样式类1,样式类2,样式类3"):可以添加多个定义好的样式类

4、.hasClass("样式类类"):判断是否存在该样式

5、.toggleClass("样式类"):如果存在(不存在)就切换(删除)样式

6、.toggleClass("样式类",swith):如果swith为false,则删除样式,如果swith为true,则切换成该类

7、removeClass("样式类"):移除样式类

8、.css({样式名:"value",样式名:"value",样式名:"value"}):可以多次添加样式

当然还有很多方法,用到时查查api是个不错的主意哦。


    
 
 

您可能感兴趣的文章:

  • jquery 设置文本框、密码框获得焦点时的样式
  • jQuery样式插件 jqTransform
  • textarea显示成label的样式 jquery实例
  • jquery获取样式中background-color颜色值
  • jquery 获取dom固定元素 添加样式的简单实例
  • jQuery CSS()方法改变现有的CSS样式
  • jquery css方法改变css样式用法介绍
  • 浅析JQuery UI Dialog的样式设置问题
  • jQuery操作元素css样式的三种方法
  • JQuery中操作Css样式的方法
  • jquery操作css样式表文件的方法详解
  • jQuery操作元素css样式三种方法示例
  • jquery实现不同大小浏览器使用不同的css样式表的方法
  • Jquery 修改class样式的代码示例
  • jquery 动态添加、删除class样式的方法
  • JQuery结合CSS操作打印样式的方法
  • 页面元素绑定jquery toggle后元素隐藏的解决方法
  • jquery判断元素的子元素是否存在的示例代码
  • jQuery 获取/设置/删除DOM元素的属性以a元素为例
  • jquery怎么判断元素的子元素是否存在
  • jquery获取一个元素下面相同子元素的个数代码
  • jquery中子元素和后代元素的区别示例介绍
  • jQuery 滑动方法slideDown向下滑动元素
  • JQuery元素控制方法汇总
  • 使用jquery prev()方法找到同级的前一个元素
  • jQuery each循环获取与搜索元素
  • jquery获取第几个元素方法示例 jquery选择器
  • CSS属性参考手册 iis7站长之家
  • jquery怎么判断html元素是否存在
  • JQuery实现元素屏幕居中显示的代码
  • jQuery 元素缩放插件 Zoomooz
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery动态添加option示例
  • jquery css类用法(添加、修改与删除css)
  • jQuery添加/改变/移除CSS类及判断是否已经存在CSS
  • jquery实现在页面加载的时自动为日期插件添加当前日期
  • jquery 取url参数及在url后添加参数的例子
  • jQuery动态添加、删除元素的方法
  • jQuery 如何先创建、再修改、后添加DOM元素
  • Jquery操作html标签及动态添加验证的例子
  • jquery动态添加删除一行数据实例
  • jquery实现Select option项的添加、删除、取值
  • jquery动态添加删除一行数据示例
  • JQuery textarea添加maxlength属性的例子
  • jQuery异步加载数据并添加事件示例
  • jquery 添加与删除节点的几种方法
  • 自写的jQuery异步加载数据添加事件
  • Jquery 添加内容自动刷新的实现代码
  • jQuery为文本框添加只读属性readOnly
  • jquery mobile动态添加元素之后不能正确渲染解决方法说明
  • Jquery动态添加及删除页面节点元素示例代码
  • jquery实现添加图片淡入淡出效果的代码
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3