jQuery初學基礎常用內容——操作元素屬性
阿新 • • 發佈:2018-11-28
//在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可以。