jquery操作元素属性
.attr()和,prop()都都可以对修改元素的属性值和获取元素的属性值 语法都相同 但是在实际操作中一定的区别。jQuery对元素属性的修改和获取上推荐:prop()在元素固有属性的时候使用 attr()在自定义属性使用
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../js/jquery-1.11.3.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ // $('#dd').click(function(){ // 获得元素属性 attr这个元素的属性 // var tt = $('#nn').attr('class'); // alert(tt); // 设置元素属性 一般用来操作元素的非特定属性 比如下面的(hd="ss")是没什么用的,就是非非特定属性 // $('#nn').attr('class','wwwwwwwwwww'); // 也是设置元素属性 prop一般是用来操作元素的特定属性,比如 id class a标签的href img标签的src input的value等等! // 能给元素提供特殊功能或效果的属性就属于特定属性 比如下面的(hd="ss")是没什么用的,就是非非特定属性 // $('#nn').prop('class','wwwwwwwwwww'); // }) $('#gg').click(function(){ // var cc = $('#fx').attr('checked'); var cc = $('#fx').prop('checked'); alert(cc); }) }) </script> </head> <body> <input type="button" name="" id="gg" value="按钮" /> <input type="checkbox" name="fx" id="fx" value="" /> <br /><br /> <input type="button" name="dd" id="dd" value="按钮" /> <h1 id="nn" class="ww" hd="ss">好看的电影和电视剧</h1> </body> </html>
原文链接:https://www.qiquanji.com/post/7447.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。