博客列表 >0402 Jquery 常用选择器函数

0402 Jquery 常用选择器函数

XuanGG的博客
XuanGG的博客原创
2018年04月08日 13:58:59528浏览

<!DOCTYPE html>
<html>
<head>
    <title>选择器</title>
    <meta charset="utf-8">
    <style type="text/css">
    .c {
        text-align: center;
        color: lightblue;

    }

.ybe {
    float: right;
    color: red;
    
}

.c {
    text-align: center;
}
</style>
</head>
<body >
    <h2 id="h2">纸短情长</h2>
<p>怎么会爱上了他,并决定跟他回家</p>
<b>放弃了我的所有我的一切无所谓</b>
<h3>纸短情长啊,诉不完当时年少</h3>
<p>我的故事还是关于你啊</p>
<span></span>
</body>
</html>

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
<script type="text/javascript">
$('p').css('color','red')  // tag 标签选择器
$('#h2').addClass('c');   // id 选择器
$('p:eq(1)').css('color','lightpink')   //命中选择器
$('p:first').css('color','red')    // 第一个元素选择器
$(':empty').text('歌手:烟把儿').addClass('ybe')   // 空元素
$('body').addClass('c')  //元素选择器
</script>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议