abstrait:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jq操作屬性方法</title> <script src="jquery-3.3.1.min.js"></script&
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jq操作屬性方法</title> <script src="jquery-3.3.1.min.js"></script> <style> .box{color: red;} .main{font-size: 40px;font-weight: bold;} </style> </head> <body> <script> $(document).ready(function(){ //$(選擇器).css('屬性名','屬性值') //$(選擇器).css({'屬性名1':'屬性值1','屬性名2':'屬性值2'}) //$(選擇器).css('屬性名') // //添加類 addClass() 刪除類removeClass // toggleClass 單擊添加雙擊回復(fù)方法 // text()返回文本內(nèi)容 $(選擇器).text('這里可以放修改的文本') // html() 跟text()方法類似 // val()返回input value的值 $(選擇器).val('可以修改的值') $('body').css('backgroundColor','#ccc') // $('p').css({'color':'red','fontStyle ':'20px'}) $('p').addClass('box main'); $('p').removeClass('box'); $('p').attr('title','修改') alert($('p').attr('title')) $('button').click(function(){ $('img').removeAttr('src') }) $('span').text('大家好我是替換的值') }) </script> <p title="content">九九九</p> <b>換另來到</b> <span>6666啊</span> <img src="444.jpg" style="width: 200px;height: 400px;"> <button>點(diǎn)擊刪除</button> </body> </html>
jq操作屬性,首先通過$('屬性名')獲取元素??偨Y(jié):
//添加類 addClass() 刪除類removeClass
// toggleClass 單擊添加雙擊回復(fù)方法
// text()返回文本內(nèi)容 $(選擇器).text('這里可以放修改的文本')
// html() 跟text()方法類似
// val()返回input value的值 $(選擇器).val('可以修改的值')
代碼寫的比較亂,放個(gè)圖