简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > 0402 Jquery 常用选择器函数
Blogger Information
Blog 32
fans 0
comment 0
visits 19611
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
0402 Jquery 常用选择器函数
XuanGG的博客
Original
529 people have browsed it

<!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>

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！