Jquery 學(xué)習(xí)筆記(一)
更新時(shí)間:2009年10月13日 22:29:19 作者:
從今天起正式學(xué)習(xí)Jquery(實(shí)際嚴(yán)格講已經(jīng)用了幾個(gè)月的Jquery的一丁點(diǎn)東西),邊學(xué)邊做邊記筆記;閱讀書籍《鋒利的Jquery》+Jquery API Doc。
基礎(chǔ)知識(shí):
想要結(jié)構(gòu)與行為分離當(dāng)然不能使用<button onclick="…"></button>之類的東西了,js是寫在<head>之間的,那就說起了 window.onload——這不是一個(gè)好東西,所以就有了Jquery頗具創(chuàng)意的
$(document).ready(funciton(){
…
});
當(dāng)然還會(huì)更精簡:
$(function(){
…
});
所以我的第一個(gè)Jquery腳本就是這樣的。
$(function(){alert("I'm ready")});
Jquery對象的方法與DOM對象的方法是不能混合使用的。例如$("#id").innerHTML或者document.getElementById("id").html()都是錯(cuò)誤的。
Jquery對象與DOM對象的轉(zhuǎn)換,Jquery選擇器返回的對象實(shí)則是以對象數(shù)組的方式返回的,因此可以使用數(shù)組下標(biāo)進(jìn)行轉(zhuǎn)換。也可使用Jquery中的get(index)方法
$(function(){
var $p=$("p");
var p=$p[0];//var p=$p.get(0);
alert(p.innerHTML);
});
也可將DOM對象轉(zhuǎn)換為Jquery對象
var p=document.getElementById("p");
var $p=$(p);
想要結(jié)構(gòu)與行為分離當(dāng)然不能使用<button onclick="…"></button>之類的東西了,js是寫在<head>之間的,那就說起了 window.onload——這不是一個(gè)好東西,所以就有了Jquery頗具創(chuàng)意的
復(fù)制代碼 代碼如下:
$(document).ready(funciton(){
…
});
當(dāng)然還會(huì)更精簡:
復(fù)制代碼 代碼如下:
$(function(){
…
});
所以我的第一個(gè)Jquery腳本就是這樣的。
$(function(){alert("I'm ready")});
Jquery對象的方法與DOM對象的方法是不能混合使用的。例如$("#id").innerHTML或者document.getElementById("id").html()都是錯(cuò)誤的。
Jquery對象與DOM對象的轉(zhuǎn)換,Jquery選擇器返回的對象實(shí)則是以對象數(shù)組的方式返回的,因此可以使用數(shù)組下標(biāo)進(jìn)行轉(zhuǎn)換。也可使用Jquery中的get(index)方法
復(fù)制代碼 代碼如下:
$(function(){
var $p=$("p");
var p=$p[0];//var p=$p.get(0);
alert(p.innerHTML);
});
也可將DOM對象轉(zhuǎn)換為Jquery對象
復(fù)制代碼 代碼如下:
var p=document.getElementById("p");
var $p=$(p);
相關(guān)文章
javascript jQuery $.post $.ajax用法
這是一個(gè)簡單的 POST 請求功能以取代復(fù)雜 $.ajax 。請求成功時(shí)可調(diào)用回調(diào)函數(shù)。如果需要在出錯(cuò)時(shí)執(zhí)行函數(shù),請使用 $.ajax。2008-07-07完美解決jQuery 鼠標(biāo)快速滑過后,會(huì)執(zhí)行多次滑出的問題
下面小編就為大家?guī)硪黄昝澜鉀QjQuery 鼠標(biāo)快速滑過后,會(huì)執(zhí)行多次滑出的問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12jQuery實(shí)現(xiàn)購物車表單自動(dòng)結(jié)算效果實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)購物車表單自動(dòng)結(jié)算效果,涉及jquery動(dòng)態(tài)獲取頁面元素及實(shí)時(shí)改變頁面元素值的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08Jquery 最近瀏覽過的商品的功能實(shí)現(xiàn)代碼
Jquery 最近瀏覽過的商品的功能實(shí)現(xiàn)代碼,需要的朋友可以參考下。2010-05-05jQuery 練習(xí)[二] jquery 對象選擇器(1)
根據(jù) id 選擇(通過 id 只能選擇一個(gè)對象), 如: $("#div2") ,jquery 對象選擇器是jquery的一個(gè)亮點(diǎn)。2010-05-05jQuery+PHP+MySQL實(shí)現(xiàn)無限級(jí)聯(lián)下拉框效果
這篇文章主要介紹了jQuery+PHP+MySQL實(shí)現(xiàn)無限級(jí)聯(lián)效果的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-02-02