"深入理解Jquery属性操作与内容操作"

prop()方法获取属性值语法： $(selector).prop("属性名") prop()方法设置属性值语法： $(selector).prop("属性", "属性值") 2.prop()方法获取input标签属性： JQUERY属性和内容操作 prop()方法 <input type="text" id="username" value="test"> <script> console.log($("#username").prop("value")); </script> 3.attr()方法：attr()用来设置或获取元素的自定义属性，自定义属性是指用户给元素添加的非固有属性。 attr()方法获取属性值语法： $(selector).attr("属性名") attr()方法设置属性值语法： $(selector).attr("属性", "属性值") 4.attr()方法获取div标签属性： JQUERY属性和内容操作 attr()方法 <div id="content" data-type="text"> <script> console.log($("#content").attr("data-type")); </script> 5.data()方法：data()方法用来在指定的元素上存取数据，数据保存在内存中，并不会修改DOM元素结构； data()方法获取属性值语法： $(selector).data("数据名") data()方法设置属性值语法： $(selector).data("数据名", "数据值") 6.例子： JQUERY属性和内容操作 data()方法 <div id="user" data-id="123" data-name="john"> <script> console.log($("#user").data("id")); $("#user").data("age", 25); </script> 以上就是关于JQuery属性和内容操作的介绍，通过prop()、attr()和data()方法，我们可以方便地操作元素的属性和内容，实现丰富多样的交互效果和功能。希望以上内容对您有所帮助，谢谢！