-------------------------------- 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>