首頁 > 開發者 > JavaScript
標籤：style fonts 詳細 好的 nload span head nts html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>DOM對象‘&&‘jQuery對象對比</title> <script src="../jQuery庫/jquery-3.3.1.js"></script> <script> // DOM對象給元素div ID="hello"加一段文字,再將字型改為紅色 window.onload = function(){ //擷取id為imooc1的元素div var a = document.getElementById("hello"); //改變div元素中的值 a.innerHTML="這是最佳途徑"; //改變樣式 a.style.color="red"; } //用jQuery對象給元素div ID="world"加一段文字,再將字型改為粉色 $(document).ready(function(){ //通過jQuery文法擷取id為imooc2的元素獲得一個jQuery對象 var $a = $("#world"); //調用該對象的html()方法變更內容,調用該對象的css()方法變更顏色,字型樣式 $a.html("這是好的開始!").css({ color: "pink", fontSize: "50px" }); }); </script></head><body> <div id="hello"></div> <div id="world"></div></body></html>
這段代碼會有助於區別兩種對象,代碼中有詳細的解釋!!!
JavaScript的DOM對象和jQuery對象的對比
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
