1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65
| <!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="jquery-3.6.0.js"></script> </head>
<body> <div>1</div> <div>2</div> <div>3</div> <span>1</span> <span>2</span> <span>3</span> <script> $(function () { $('div').css('color', 'red');
var sum = 0 var arr = ['red', 'green', 'blue']; $('div').each(function (index, domEle) { console.log(index); console.log(domEle); $(domEle).css('color', arr[index]); sum += parseInt($(domEle).text()) }) console.log(sum);
var array=['10px', '20px', '30px'] $.each($('span'), function (index, element) { $(element).css('font-size', array[index]) }) $.each(array, function (index, element) { console.log(index); console.log(element); }) var data={ name:'andy', age:18 } $.each(data, function (index, element) { console.log(index); console.log(element); }) }) </script> </body>
</html>
|