$(".btn").click(function () { $(".right p:eq(0)").css('background','red').toggle(); });？？
<!DOCTYPE html>
<html>
<head>
? ?<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ?<title></title>
? ?<style type="text/css">
? ? ? ?.right p{
? ? ? ? ? ?width:130px;
? ? ? ? ? ?height:30px;
? ? ? ? ? ?color: #b1bdbd;
? ? ? ? ? ?text-align:center;
? ? ? ? ? ?line-height:30px;
? ? ? ? ? ?border:1px groove #f0ad4e;
? ? ? ?}
? ? ? ?.right p:hover{
? ? ? ? ? ?cursor: pointer;
? ? ? ?}
? ? ? ?/*備用類*/
? ? ? ?.add{
? ? ? ? ? ?background: #00B83F;
? ? ? ? ? ?border-radius:10px ;
? ? ? ? ? ?transform: translate(80px,30px) rotate(90deg);
? ? ? ?}
? ? ? ?.main{
? ? ? ? ? ?font-size:120%;
? ? ? ? ? ?color:red;
? ? ? ?}
? ? ? ?.myname{
? ? ? ? ? ?margin-top:150px;
? ? ? ? ? ?border:1px solid red;
? ? ? ?}
? ?</style>
? ?<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
? ?<script type="text/javascript"src="../js/jquery-2.0.0.min.js"></script>
</head>
<body>
<h2>.removeClass()方法</h2>
<div class="right">
? ?<p>imoocClassA</p>
? ?<p>imoocClassB</p>
</div>
<button class="btn">添加</button>
<div class="myname">
? ?<p>這是一個段落。</p>
? ?<p class="main">這是另一個段落。</p>
? ?<button id="add">添加"main"類</button>
? ?<button id="remove">移除"main"類</button>
</div>
<script type="text/javascript">
? ?// toggleClass添加，刪除類的切換功能
? ?$("p:last").click(function () {
? ? ? ?$(this).toggleClass("add");
? ?});
? ?// ? ?toggle有顯示、影藏切換的功能
? ?$(".btn").click(function () {
? ? ? ?$(".right p:eq(0)").css('background','red').toggle();
? ?});
? ?$("#add").click(function(){
? ? ? ?$(".myname>p").toggleClass("main",true);
? ?});
? ?$("#remove").click(function(){
? ? ? ?$(".myname>p").toggleClass("main",false);
? ?});
</script>
</body>
</html>
2018-03-11
把這句話<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>里的http改成https試試。不過我的沒改也顯示了。你想要啥效果～點擊按鈕 第一個p 變成紅背景了，但是隱藏了 。在點一次，出現，看見了紅色背景。
2018-03-11
我知道這個意思，我是想問怎么沒有效果？
2018-03-11
?// ?$(".btn").click(function(){}) 表示的是button這個按鈕事件
? ? ?// .right p:eq(0) 表示class=“right"下面第一個p，
? ? ?// $(".right p:eq(0)").css('background','red').toggle();這個就是事件
? ? ?// 改變imoocClassA 背景顏色為紅色。
//.toggle() ?切換元素的可見狀態。
? ?$(".btn").click(function () {
? ? ? ? $(".right p:eq(0)").css('background','red').toggle();
? ?});
剛學習沒多久，個人小小理解。