js对象与jquery对象的相互转化：
1、$(js对象)
2、$(selector).get(索引)、$(selector)[索引]
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 700px; height: 600px; margin: 50px auto; background-color: blue; } </style> <script src="jquery-1.11.1.js"></script> <script> // $(document).ready(function () { // $("button:eq(0)").click(function () { // $("body").css("backgroundColor", ""); // }); // $("button:eq(1)").click(function () { // $("body").css("backgroundColor", "black"); // }); // }); $(function () { var btnArr = document.getElementsByTagName("button"); $(btnArr[0]).click(function () { $("body").get(0).style.backgroundColor = ""; }); $(btnArr[1]).click(function () { $("body")[0].style.backgroundColor = "black"; }); }); </script> </head> <body> <button>开灯</button> <button>关灯</button> <div></div> </body> </html>
