如何使用 jQuery 來新增和移除 HTML 屬性?
若要使用 jQuery 來新增和移除 HTML 屬性,請使用 addClass() 和 removeClass() 方法。
你可以嘗試執行以下程式碼,使用 jQuery 來新增和移除 HTML 屬性 −
示例
<html>
<head>
<title>jQuery Example</title>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type = "text/javascript">
$(document).ready(function(){
$( '#add' ).click( function () {
$('#page_navigation1').addClass( 'blue-class' );
});
$( '#remove' ).click( function () {
$('#page_navigation1').removeClass( 'blue-class' );
});
});
</script>
<style>
.blue-class {
background-color: blue;
font-size: 30px;
}
</style>
</head>
<div id="page_navigation1">Demo</div>
<button id="add">Add</button>
<button id="remove">Remove</button>
</html>
廣告
資料結構
網路
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP