重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

jquery字体,jquery字体变大

jQuery之字体大小的设置方法

本篇文章主要是对jQuery

成都创新互联主要从事做网站、网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务中方,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

字体大小的设置方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

先获取字体大小,进行处理。

再将修改的值保存。

slice()

方法可从已有的数组中返回选定的元素。

arrayObject.slice(start,end)。

start

必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1

指最后一个元素,-2

指倒数第二个元素,以此类推。

end

可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从

start

到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

jQuery代码如下:

代码如下:

script

type="text/javascript"

$(function(){

$("span").click(function(){

//获取para的字体大小

var

thisEle

=

$("#para").css("font-size");

//parseFloat的第二个参数表示转化的进制,10就表示转为10进制

var

textFontSize

=

parseFloat(thisEle

,

10);

//javascript自带方法

var

unit

=

thisEle.slice(-2);

//获取单位

var

cName

=

$(this).attr("class");

if(cName

==

"bigger"){

textFontSize

+=

2;

}else

if(cName

==

"smaller"){

textFontSize

-=

2;

}

//设置para的字体大小

$("#para").css("font-size",

textFontSize

+

unit

);

});

});

/script

html代码如下:

代码如下:

body

div

class="msg"

div

class="msg_caption"

span

class="bigger"

放大/span

span

class="smaller"

缩小/span

/div

div

p

id="para"

This

is

some

text.

This

is

some

text.

This

is

some

text.

This

is

some

text.

This

is

some

text.

This

is

some

text.

This

is

some

text.

This

is

some

text.

This

is

some

text.

This

is

some

text.

This

is

some

text.

This

is

some

text.

This

is

some

text.

This

is

some

text.

This

is

some

text.

This

is

some

text.

This

is

some

text.

This

is

some

text.

This

is

some

text.

/p

/div

/div

/body

jquery中字体设置的方式有几种

$().css({

"font-familty":"",

"font-weight":"",

"font-style":""

})

【Jquery】jquery怎样控制a标签的字体颜色??

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用textarea标签创建一个文本域,用于测试。

3、在test.html文件内,设置textarea标签的id为mycc。

4、在test.html文件内,创建一个按钮,给按钮绑定onclick事件,当按钮被点击时,执行editColor函数。

5、在js标签内,创建editColor函数,通过id获得textarea对象,使用css()方法设置color属性为red,即设置textarea字体颜色为红色。

6、在浏览器打开test.html文件,点击按钮,查看实现的效果。


网页名称:jquery字体,jquery字体变大
URL地址:http://cqcxhl.com/article/dschopd.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP