1. 程式人生 > >jQuery初學基礎常用內容——操作元素屬性

jQuery初學基礎常用內容——操作元素屬性

//在HTML中相關程式碼
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

<a id="a" asdf="123456" href="https://www.baidu.com">百度</a>

<script src="node_modules/jquery/dist/jquery.js"></script>
<script src="JS/main.js"></script>
</body>
</html>
//在JS中相關程式碼
$('#a').attr('asdf','654321');
$('#a').prop('asdf','654321');
//var t = $('#a').prop('text');//只傳一個引數的時候,就是獲取屬性的值。
$('#a').removeAttr('asdf');
//attr顯性   prop隱性
//有些屬性attr 與 prop都可以修改,但是為什麼有的prop就不可以修改?
// 因為在html的隱性的屬性中,隱性的屬性不一定就可以在標籤中直接使用,比如我們自定義的屬性
//prop方法就不可以修改其屬性的值,但是attr可以。