2019-04-28 jQuery中$()和.css()的使用
2019-04-28 本文已影响0人
果冻_4c9b
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
// window.onload= function(){
// // var obox = document.getElementById("box");
// // obox.style.width = '100px';
// // obox.style.hieght = '100px';
// // obox.style.background = 'red';
// var abox = document.getElementByTagName("box");
// }
$(function() {
// $('#box').css('width','100px');
// $('#box').css('height','100px');
// $('#box').css('background','red');
// $('#box').css('border','1px solid #000');
// $('#box').css('width','100px').css('height','100px').css('background','red').css('border','1px solid #000');
$('div').css('width', '100px').css('height', '100px').css('background', 'red').css('border', '1px solid #000');
$('.a').css('font-size','50px');
})
</script>
</head>
<body>
<!-- <div id="box"></div> -->
<div></div>
<div></div>
<div></div>
<p class="a">1</p>
<p class="a">2</p>
<p class="a">3</p>
<p class="a">4</p>
</body>
</html>
