<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery | sample</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function(){
$("#wrap a[target]")
.css({"color":"#f00"});
$("#wrap a[href^=https]")
.css({"color":"#0f0"});
$("#wrap a[href$=net]")
.css({"color":"#00f"});
$("#wrap a[href*=google]")
.css({"color":"#000"});
$("#member_f:text")
.css({"background-color":"#ff0"})
$("#member_f:text")
.css({"background-color":"#0ff"})
});
</script>
</head>
<body>
<div id="wrap">
<p>
<a href="https://easyspub.co.kr" target="_blank">EasyPub</a>
</p>
<p>
<a href="https://www.naver.com">Naver</a>
</p>
<p>
<a href="https://google.co.kr">Google</a>
</p>
<p>
<a href="https://daum.net">Daum</a>
</p>
</div>
<form action="#" method="get" id="member_f">
<p>
<label for="user_id">아이디</label> <input type="text" name="user_id"
id="user_id">
</p>
<p>
<label for="user_pw">비밀번호</label> <input type="password"
name="user_pw" id="user_pw">
</p>
</form>
</body>
</html>