jQuery初體驗
1. 引入jquery檔案
2. 入口函式標準
jQuery優點總結 (對應的就是js的缺點)：
- 查找元素的方法多種多樣，非常靈活
- 擁有隱式迭代特性，因此不需要手寫for回圈
- 完全沒有兼容性問題
- 實作影片非常簡單，而且功能更加強大
- 代碼簡單粗暴
什么是jQuery?
jQuery的官網 http://jquery.com/ jQuery就是一個js庫，使用jQuery的話，會比使用JavaScript更簡單，
js庫：把一些常用到的方法寫到一個單獨的js檔案，使用的時候直接去參考這js檔案就可以了，（animate.js、common.js）
我們知道了，jQuery其實就是一個js檔案，里面封裝了一大堆的方法方便我們的開發，其實就是一個加強版的common.js，因此我們學習jQuery，其實就是學習jQuery這個js檔案中封裝的一大堆方法，
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div { height: 200px; margin-bottom: 10px; background-color: #a43035; display: none; } </style> <!-- 1.引入jquery檔案 --> <script src="jquery-1.12.4.js"></script> <script> //2. 入口函式的標準 $(document).ready(function () { //獲取物件，注冊事件，把on去掉，是一個方法 $("#btn1").click(function () { //隱式迭代：偷偷的遍歷，jQuery會自動的遍歷，不需要我們遍歷， $("div").show(1000); }); $("#btn2").click(function () { $("div").text("我是內容"); }); }); </script> </head> <body> <input type="button" value="btn1" id="btn1"> <input type="button" value="設定內容" id="btn2"> <div></div> <div></div> <div></div> </body> </html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/18323.html
標籤：jQuery
上一篇：jQuery---學習roadmap---4 parts
下一篇：jQuery---版本問題