$(document).ready(function () {
var css = {
'font-family': 'comic sans ms',
'font-weight': 'bold',
'font-size': '24px'
};
$("#OnlyDiv").click(function () {
$("div").css(css);
});
$("#OnlyUl").click(function () {
$("ul").css(css);
});
$("#Both").click(function () {
$("div").add("ul").css(css);
});
$("#reset").click(function () {
location.reload();
});
});
<html>
<head>
<title>add</title>
</head>
<body>
<div>List of Players</div>
<ul>
<li>Thierry Henry</li>
<li>Cesc Fabregas</li>
<li>Jack Wilshere</li>
<li>Santi Cazorla</li>
<li>Thomas Vermaelen</li>
</ul>
<input type="button" id="OnlyDiv" value="Only Div" />
<input type="button" id="OnlyUl" value="Only ul" />
<input type="button" id="Both" value="Both (Using Add)" />
<input type="button" id="reset" value="Reset" />
</body>
</html>