標籤：text meta query utf-8 css onload color UI load
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<script src="http://code.jquery.com/jquery-1.11.3.js"></script>
<!-- 使用JS原生文法 -->
<script type="text/javascript">
window.onload = function(){
// 通過原生JS文法擷取id為imooc1的元素p
var p = document.getElementById(‘imooc1‘);
// 將元素p在html中內容改變
p.innerHTML = ‘P1：您好！通過慕課網學習jQuery才是最佳的途徑‘;
// 將元素p的內容顏色改為紅色
p.style.color = ‘red‘;
}
</script>
<!-- 使用jQuery文法 -->
<script type="text/javascript">
$(document).ready(function() {
/**
* 通過jQuery文法擷取id為imooc2的元素獲得一個jQuery對象
* 調用該對象的html()方法變更內容
* 調用該對象的css()方法變更顏色樣式
*/
var $p = $(‘#imooc2‘);
$p.html(‘P2：您好！通過慕課網學習jQuery才是最佳的途徑‘).css(‘color‘,‘red‘);
});
</script>
</head>
<body>
<p id="imooc1"></p>
<p id="imooc2"></p>
</body>
</html>
jquery對象與DOM對象
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
