jQuery 修改CSS樣式 與 attr方法-獲得修改元素屬性值
阿新 • • 發佈:2019-02-17
-------------------------------- attr方法------------------------------------------
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="../../../js/jquery-3.1.1.min.js"></script> </head> <body> <input type="text" name="123" value="eeee"/> </body> <script> $(function(){ //傳一個引數 獲取屬性的值 // alert($('input').attr('name')); //修改屬性值 傳兩個引數 // $('input').attr('name','321'); // alert($('input').attr('name')); // $('input').attr('type','password'); //修改元素所有屬性值 //呼叫attr方法,把所有要修改的屬性放在{}裡 屬性間用 , 分割 屬性名與屬性值之間用冒號隔開 $('input').attr({'name':'555','type':'password','value':'iiiiiiii'}); }) </script>
</html>
-------------------------------------修改CSS樣式----------------------------------------
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>通過jQuery修改css樣式</title> <script src="../../../js/jquery-3.1.1.min.js"></script> </head> <body> <div> lasdjgha </div> </body> <script type="text/javascript"> $(function(){ $('div').css('background-color','blue'); $('div').css({'background-color':'blue','height':'200px','width':'100px'}); }) </script> </html>