摘要:<!DOCTYPE html> <html> <head> <title>jquery操作属性</title> <meta charset="utf-8"> <script type="text/javascript" src=&quo
<!DOCTYPE html> <html> <head> <title>jquery操作属性</title> <meta charset="utf-8"> <script type="text/javascript" src="jquery-3.3.1.js"></script> <style type="text/css"> .a{background:red;} .b{height:100px;} .c{font-size:20px;font-width:bold;} </style> </head> <body> <script type="text/javascript"> $(document).ready(function(){ // $('div').addClass('a b c') // $('div').removeClass('b c') // alert($('p').attr('a')) // $('p').attr('a','heello') // // alert($('p').attr('a')) // $('button').click(function(){ // $('img').removeAttr('src') // }) // $('button').click(function(){ // alert($('div').hasClass('aa')) // }) // $('button').click(function(){ // $('div,p').toggleClass('a b') // }) // alert($('div').text()) // $('button').click(function(){ // $('p').text('hello') // }) // alert($('p').html()) // $('p').html('<div>789</div>') alert($('input').val()) $('input').val('456') }) </script> <div>123 </div> <p a="b">大家好</p> <img src="img/123.jpg"><br> <button>点击切换 </button> <div class="aa"></div> <input type="txet" name="" value="123"> </body> </html>