জেকুয়েরী

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("*").css("color", "red");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<ul>
  <li>পিএইচপি</li>
  <li>জাভা</li>
  <li>পাইথন</li>
  <li>জাভাস্ক্রিপ্ট</li>
</ul>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("h1").css("color", "tomato");
    $("p").css("color", "orange");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<div>
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("h1, p").css("color", "red");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<div>
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("li:odd").css("background-color", "tomato");
    $("li:even").css("background-color", "orange");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<ul>
  <li>পিএইচপি</li>
  <li>জাভা</li>
  <li>পাইথন</li>
  <li>জাভাস্ক্রিপ্ট</li>
</ul>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("li:odd").css("background-color", "tomato");
    $("li:even").css("background-color", "orange");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<ul>
  <li>পিএইচপি</li>
  <li>জাভা</li>
  <li>পাইথন</li>
  <li>জাভাস্ক্রিপ্ট</li>
</ul>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#list").css("background-color", "tomato");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<ul id="list">
  <li>পিএইচপি</li>
  <li>জাভা</li>
  <li>পাইথন</li>
  <li>জাভাস্ক্রিপ্ট</li>
</ul>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $(".container").css("background-color", "tomato");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<div class="container">
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#list, .container").css("background-color", "tomato");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<div class="container">
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
<br>
<ul id="list">
  <li>পিএইচপি</li>
  <li>জাভা</li>
  <li>পাইথন</li>
  <li>জাভাস্ক্রিপ্ট</li>
</ul>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("li:first-child").css("color", "red");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<ul>
  <li>পিএইচপি</li>
  <li>জাভা</li>
  <li>পাইথন</li>
  <li>জাভাস্ক্রিপ্ট</li>
</ul>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("li:last-child").css("color", "red");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<ul>
  <li>পিএইচপি</li>
  <li>জাভা</li>
  <li>পাইথন</li>
  <li>জাভাস্ক্রিপ্ট</li>
</ul>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("li:first-of-type").css("color", "red");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<ul>
  <li>পিএইচপি</li>
  <li>জাভা</li>
  <li>পাইথন</li>
  <li>জাভাস্ক্রিপ্ট</li>
</ul>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("li:last-of-type").css("color", "red");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<ul>
  <li>পিএইচপি</li>
  <li>জাভা</li>
  <li>পাইথন</li>
  <li>জাভাস্ক্রিপ্ট</li>
</ul>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("li:nth-child(2)").css("color", "red");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<ul>
  <li>পিএইচপি</li>
  <li>জাভা</li>
  <li>পাইথন</li>
  <li>জাভাস্ক্রিপ্ট</li>
</ul>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("div p:only-child").css("color", "coral");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<div>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
<div>
  <p>হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ</p>
  <p>ক্যাসকেডিং স্টাইল শিট</p>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("div p").css("color", "coral");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<div>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
<div>
  <p>হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ</p>
  <p>ক্যাসকেডিং স্টাইল শিট</p>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("div > p").css("background", "coral");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<div>
  <p>হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ</p>
  <section>
    <p>ক্যাসকেডিং স্টাইল শিট</p>
  </section>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("div + p").css("color", "coral");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<div>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</div>
<p>হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ</p>
<p>ক্যাসকেডিং স্টাইল শিট</p>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("div ~ p").css("color", "coral");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<div>প্রোগ্রামিং শিখুন</div>
<p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
<span>জেকুয়েরী</span>
<p>সিএসএস টিউটোরিয়াল</p>
<p>ক্যাসকেডিং স্টাইল শিট</p>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p[class]").css("color", "red");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
<p class="desc">হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ</p>
<p class="para">ক্যাসকেডিং স্টাইল শিট</p>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p[class=desc]").css("color", "red");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<p class="head">প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
<p class="desc">হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ</p>
<p class="desc">ক্যাসকেডিং স্টাইল শিট</p>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p[class~=head]").css("color", "red");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<p class="head">প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
<p class="desc">হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ</p>
<p class="desc">ক্যাসকেডিং স্টাইল শিট</p>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p[class^='de']").css("color", "red");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<p class="head">প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
<p class="desc">হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ</p>
<p class="desc">ক্যাসকেডিং স্টাইল শিট</p>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p[class$='sc']").css("color", "red");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<p class="head">প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
<p class="desc">হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ</p>
<p class="desc">ক্যাসকেডিং স্টাইল শিট</p>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p[class*='e']").css("color", "red");
  });
});
</script>
</head>
<body>
<button>ক্লিক করুন</button>
<p class="head">প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
<p class="desc">হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ</p>
<p class="desc">ক্যাসকেডিং স্টাইল শিট</p>
</body>
</html>