十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
1、新建一个html文件,命名为test.html。
创新互联公司是专业的绩溪网站建设公司,绩溪接单;提供网站制作、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行绩溪网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
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文件,点击按钮,查看实现的效果。
var
str
=
document.getelementbyid("id");
str.style.fontweight="bold";//加粗
str.style.fontweight="normal";//取消加粗
点击的时候先判断一下当前状态,然后替换状态就可以了。
$().css({
"font-familty":"",
"font-weight":"",
"font-style":""
})
本篇文章主要是对jQuery
字体大小的设置方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
先获取字体大小,进行处理。
再将修改的值保存。
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 Mobile在不同设备可能有字体大小不一致的场景,针对这种情况,如下设置可能会有帮助:
1、将文档的根元素的字体大小设定为Font-size:62.5%;
2、将原来的px数值除以10,然后换上rem作为单位;即原来是:font-size:12px,更换后应该是:font-size:1.2rem;
3、为了兼容不支持rem单位的浏览器,应该同时为HTML元素声明绝对单位,如:font-size:12px;
正确的设置应该这样:
html,body{font-size:62.5%}
p{font-size:12px;font-size:1.2rem;}
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:
$('span').each(function () {
if ($(this).css('color') === 'rgb(255, 0, 0)') {
$('body').append($(this).text());
}
});
3、浏览器运行index.html页面,此时用jquery获取到了所有红色字体颜色元素并打印了内容。