1. 程式人生 > >jQuery簡單入門

jQuery簡單入門

3.4 一個 jquery代碼 dex 數組 index 使用 dom對象 jsp

什麽是jQuery?

jQuery 是一個輕量級的"寫的少,做的多"的 JavaScript 庫,極大地簡化了 JavaScript 編程,並且很容易學習.

學習jQuery

下載與導入jQuery

地址 : http://jquery.com/download/

1.下載jQuery : 打開頁面後,點擊想要下載的jQuery版本,在彈出的jQuery源碼頁面中,Ctrl+A全選復制,新建<jQuery-版本號.js>文件,粘貼進去,即可使用.

2.導入jQuery : 把<jQuery-版本號.js>放入到項目中後,在jsp頁面中<script type="text/javascript" src="${pageContext.request.contextPath }/javaScript/jQuery-3.4.1.js"></script>即可使用

怎麽寫jQuery代碼?

簡單示例 :

jQuery("p") ==> 獲取文檔對象中的<p>元素,返回jQuery對象

什麽是$?

但我們一般不這樣寫,我們使用$(美元符)代替jQuery命令,即:

$("p") 等同於上邊的示例.

什麽是jQuery對象?

1).jQuery對象其實是一個JavaScript的數組

2).jQuery對象是通過jQuery包裝DOM對象後產生的, jQuery對象不能使用DOM對象的方法和屬性, DOM對象也不能使用jQuery對象的方法和屬性

js對象轉換成jQuery對象 : $(js對象)

jQuery對象轉換成js對象

: 1.$jQuery對象[index] 2.$jQuery對象.get(index)

jQuery主要內容

參考jQuery在線手冊

地址 : http://www.jq22.com/chm/jquery/index.html

內容摘要 :

window.onload=function(){方法體} == $(document).ready(function() {方法體} ) == $(function() {方法體})

f

jQuery簡單入門