<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./js/jquery.min.js"></script> </head> <body> <a href="#" title="">你好</a> <input type="checkbox" checked> <div index="1" data-index="2"></div> <span>123</span> <script> $(function() { //获取元素固定的属性值 console.log($("a").prop("href")); $("a").prop("title", "我们都挺好"); $("input").change(function() { console.log($(this).prop("checked")); }) //元素自定义属性通过attr来获取 console.log($("div").attr("index")); $("div").attr("index", 4); //数据缓存 $("span").data("uname", "andy"); console.log($("span").data("uname")); //第一个不用写data开头 console.log($("div").data("index")); }) </script> </body> </html>
