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

Posted 窗棂博客记录

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[ jquery 选择器 :header ] 此方法选取匹配如 h1, h2, h3之类的标题元素相关的知识,希望对你有一定的参考价值。

此方法选取匹配如 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之类的标题元素的主要内容,如果未能解决你的问题,请参考以下文章

[ jquery 选择器 :even ] 此方法选取指定jquery对象中的偶数对象

[ jquery 选择器 :last ] 此方法选取jquery对象中的最后一个对象

[ jquery 选择器 :visible ] 此方法选取匹配所有的可见元素

[ jquery 选择器 :odd ] 此方法选取指定jquery对象中的奇数对象

[ jquery 选择器 :first ] 此方法获取指定jquery对象下的第一个元素

[ jquery 选择器 :contains(text) ] 此方法选取包含给定文本的元素