码迷,mamicode.com
首页 > Web开发 > 详细

[ jquery 选择器 :header ] 此方法选取匹配如 h1, h2, h3之类的标题元素

时间:2016-06-22 08:07:27      阅读:297      评论:0      收藏:0      [点我收藏+]

标签:

此方法选取匹配如 h1, h2, h3之类的标题元素

实例:

<!DOCTYPE html>
<html lang=‘zh-cn‘>
<head>
<title>Insert you title</title>
<meta http-equiv=‘description‘ content=‘this is my page‘>
<meta http-equiv=‘keywords‘ content=‘keyword1,keyword2,keyword3‘>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type=‘text/javascript‘ src=‘./js/jquery-1.12.1.min.js‘></script>
<script type=‘text/javascript‘>
    $(function(){
      $(‘#content :header‘).css({‘font‘:"600 20px/1.2em ‘Courier New‘",‘color‘:‘#F30‘,‘margin‘:‘0‘,‘padding‘:‘0‘,});
      $(‘#content :not(":header")‘).css({‘font‘:"400 15px/1.2em ‘Courier New‘",‘color‘:‘#999‘,‘margin‘:‘0‘,‘padding‘:‘0‘,});
    });    
</script>
</head>
<body>
    <div id=‘content‘>
        <h4>this is a test demo</h4>
        <p>EmEditor Professional以运行轻巧、敏捷而又功能强大、丰富著称,作为简单好用的文本编辑器,EmEditor支持多种配置,可自定义颜色、字体、工具栏、快捷键、行距等,支持文本列块选择、无限撤消/重做等,是替代记事本的最佳编辑器</p>
    </div>
</body>
</html>

 

[ jquery 选择器 :header ] 此方法选取匹配如 h1, h2, h3之类的标题元素

标签:

原文地址:http://www.cnblogs.com/mysearchblog/p/5605720.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!