VB.net 2010 视频教程 VB.net 2010 视频教程 VB.net 2010 视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
  • JavaScript教程之jQuery - 获取并设置 CSS 类

  • 2017-05-09 19:47 来源:未知

新疆25选7定位走势图: jQuery - 获取并设置 CSS 类

 


新疆25选7开奖号码 www.d1dx0.cn 通过 jQuery,可以很容易地对 CSS 元素进行操作。 


jQuery 操作 CSS

 

jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些:

  • addClass() - 向被选元素添加一个或多个类
  • removeClass() - 从被选元素删除一个或多个类
  • toggleClass() - 对被选元素进行添加/删除类的切换操作
  • css() - 设置或返回样式属性

实例样式表

 

下面的样式表将用于本页的所有例子:

.important { font-weight:bold; font-size:xx-large; } .blue { color:blue; }


jQuery addClass() 方法

 

下面的例子展示如何向不同的元素添加 class 属性。当然,在添加类时,您也可以选取多个元素:

实例

 

$("button").click(function(){ $("h1,h2,p").addClass("blue"); $("div").addClass("important"); });

尝试一下 »

您也可以在 addClass() 方法中规定多个类:

实例

 

$("button").click(function(){ $("#div1").addClass("important blue"); });

尝试一下 »


jQuery removeClass() 方法

 

下面的例子演示如何在不同的元素中删除指定的 class 属性:

实例

 

$("button").click(function(){ $("h1,h2,p").removeClass("blue"); });

尝试一下 »


jQuery toggleClass() 方法

 

下面的例子将展示如何使用 jQuery toggleClass() 方法。该方法对被选元素进行添加/删除类的切换操作:

实例

 

$("button").click(function(){ $("h1,h2,p").toggleClass("blue"); });

尝试一下 »


jQuery css() 方法

 

我们将在下一章讲解 jQuery css() 方法。

相关教程
  • 回复@遇得:难道你认为他们没有深入领会 2019-05-24
  • 天津通报5起违反中央八项规定精神典型问题 2019-05-24
  • 俄官员说俄韩领导人将讨论同朝鲜三方合作项目 2019-05-23
  • 【大家谈】干部轻装上阵有了“护身符” 2019-05-23
  • 机场高速收费之争 春城壹网 七彩云南 一网天下 2019-05-23
  • 有没有上城客在越南的踪迹? 2019-05-22
  • 海上洄游时 北海狗 连续两周深睡眠 2019-05-22
  • 2018高考志愿填报规则:五大误区家长需谨慎 2019-05-21
  • 罗超毅:中国棋牌发展新蓝图 2019-05-21
  • 他们是中国军人,他们2个月排除380万平方米雷场 2019-05-21
  • 今天明天后天 雷雨赶不走闷热天 2019-05-20
  • “中国城市互联网生活消费·成都指数”论坛 2019-05-20
  • 亚冠-埃神破门于海摆乌龙 上港1-3鹿岛晋级告急 2019-05-20
  • Facebook公关掌门离职 是应对隐私丑闻干将 2019-05-19
  • 匹夫有责之一百一十一 (原创首发) 2019-05-19
  • 519| 820| 787| 355| 291| 564| 314| 928| 144| 387|