jquery 随记（效果）-----用.css()添加样式

最新推荐文章于 2018-07-18 23:39:40 发布

bzuld

最新推荐文章于 2018-07-18 23:39:40 发布

阅读量903

点赞数

分类专栏： jquery---随记文章标签： jquery button stylesheet function xhtml div

本文链接：https://blog.csdn.net/bzuld/article/details/6707705

版权

jquery---随记专栏收录该内容

19 篇文章 0 订阅

订阅专栏

*******************************************************************************************************************************************

.css()和.addClass()的区别：

.addClass()传递的参数只能是现成的样式类，即在css样式表中已经定义的样式。

.css()中传递的参数可以是自定义的映射（式样名，值）；

********************************************************************************************************************************************

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="Untitled-2.css" />
<script type="text/javascript" src="jquery-1.6.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){

//用.css()方法添加在样式表中不能添加的或者添加起来麻烦的样式
var $speech=$('.speech');
var defaultFontSize=$speech.css('font-size');
$('#switcher button').click(function(){
  //parseFloat(var,10)会以十进制读取var中的数字部分，只读取数字部分从左到右
  //若var以字符开头，则parseFloat($speech.css(var,10);将返回错误，10指的是十进制；
  var num=parseFloat($speech.css('font-size'),10);
  switch(this.id){
   case 'switcher-larger':
    num*=1.4;
    break;
   case 'switcher-small':
    num/=1.4;
    break;
   case 'switcher-default':
    num=parseFloat(defaultFontSize,10);
    break;
   }
  $speech.css('font-size',num+'px');
  });



});
</script>
</head>

<body>
    <div id="switcher">
    <div class="label">Text Size </div>
        <button id="switcher-default">Default</button>
        <button id="switcher-larger">Bigger</button>
        <button id="switcher-small">Small</button>
    </div>
    <div class="speech">
    <p>Fourscore and seven years ago our fathers brought forth
        on this sontinent a new nation,conceived in liberity,
            and dedicated to the proposition that all men are created
            equal.
        </p>
    </div>
    <br />
    <br />
1、url可以通过location.href得到；
2、http://hao123.com/weboa/formname?openform&unid=1234567
   若想得到unid=1234567：
   url.substring(url.indexOf("&")+1,url.length);(注意：substring()后面的s一定是小写；indexOf()中的"O"一定是大写)
   若想得到openform和unid=1234567：
   var var1=url.subString(url.indexOf("?")+1,url.length)
   var arr=var1.split("&");
   var openform=arr[0]
   var unid=arr[1]

</body>
</html>

bzuld

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
1
评论
jquery 随记（效果）-----用.css()添加样式

*******************************************************************************************************************************************
复制链接

扫一扫