你好,欢迎访问我的博客!登录 评论排行榜 领券购物 免责声明 投稿本站 本站主题
当前位置:首页 - 笔记 - Web前端 - 正文 代码,改变世界!

利用JQuery为元素添加样式的方法

2018-04-08Web前端墨初832°c
A+ A-

JQuery可以很好的对CSS3进行支持,这段时间也在不停的啃JQuery,这不今天就为利用JQuery为div添加一些样式,而总结了一些在JQuery中对CSS3进行一些操作的函数,写一些下来,方面以后查看。

jq添加css样式,jquery 替换class,jquery修改css样式,jquery给class赋值,利用JQuery为元素添加样式的方法

利用JQuery为div添加CSS样式

利用JQuery给DIV添加样式,我们可以像定义CSS那样,很简单

代码

 $("span").css("css属性名","属性值")

例子:

$("span").css("color","red")

说明:

给span标签中的字体,设置成红色

例2:

#("#div").css("marginLeft","10");

说明:

把id为div的元素,设置左边离别的元素的距离为10像素

下面是一些常用的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"}):可以多次添加样式

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
利用JQuery为元素添加样式的方法

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>


  用户登录