JQUERY 5

by duckduck0054

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
  </head>
  <body>
    <h5>탐색 선택자</h5>
    <ul>
      <li><a href="http://www.easypub.co.kr" title="이지스펍">이지스펍</a></li>
      <li><a href="malito:[email protected]">관리자에게</a></li>
      <li><a href="http://www.daum.net">다음</a></li>
      <li><a href="http://www.naver.com">네이버</a></li>
      <li><a href="http://www.google.com">구글</a></li>
    </ul>
  </body>
  <script type="text/javascript">
  	$(document).ready(function(){
    	$("a[title]").css("background-color", "aqua");
      $("a[href='http://www.naver.com']").css("background-color", "brown")
      $("a[href^='malito']").css("background-color", "yellow");
      $("a[href$='.net']").css("background-color", "pink");
      $("a[href*='google']").css("background-color", "silver");
    });
  </script>
</html>