學習了jquery真的發現jquery真的特別的強大,封裝很多的方法和屬性,很多的前端開發者可以節省很少的時間實現想要的效果,而且還可以學習它的原始碼有助於學習css,是個不錯的選擇。
codeschool jquery學習
,我覺得這個**裡面不管是jquery還是其他的東西都寫的很簡單,屬於那種邊練習邊學習那種,免得在學的時候找不到東西來練習的,還不錯。
//引入jquery檔案
jquery能夠對頁面上面的元素進行兩種操作:
(1)定位頁面元素(jquery 選擇器):jquery裡面選定元素使用的是 $,可以通過id,class,name很簡單的獲取到相應的元素
$("p") //獲取所有的p元素
$("#myid") //
通過id獲取頁面元素
$(".cl") //
通過class獲取頁面元素
不僅如此,jquery還可以通過得到該元素的子元素,父元素,同胞元素。
$("span").parent(); //選擇父元素
$("div").children(); //
選擇子元素
$("p").siblings("div"); //
匹配相鄰的div
(2)對選定的元素進行操作
$("#test").html(); //得到或者設定標籤的內容(包含html)
$("#test").text(); //
得到或者設定標籤的內容
$("#test").val(); //
得到或者設定表單的值
$("#test").attr("href"); //
得到或者設定標籤屬性的值
在p元素結尾追加內容
$("p").prepend("some prepended text."); //
在p元素開頭新增
$("p").after("some text after"); //
在p元素後面新增
$("p").before("some text before"); //
在p元素前面新增
(3)新增事件:jquery可以監聽事件,可以給頁面裡面的元素新增事件達到我們想要的效果,例如點選某個按鈕,發生某種效果。
$("#myid").click(function()
jquery事件都是在頁面全部元素載入完成以後才會觸發,當頁面元素載入完成以後會觸發ready事件,而載入頁面的事件,也就是說jquery裡面的事件必須寫在ready函式裡面才會觸發。例如:
$(document).ready(function());
});
基本上這樣就可以簡單的開始使用jquery了,深度的jquery在慢慢學習的過程就會接觸到。
jquery學習筆記
判斷checkbox是否被選中if attr checked true 檢查元素是否存在 if tt length 0 if tt 0 檢查元素是否隱藏 alert dvtest is visible 判斷元素顯示或隱藏狀態 多選框操作 獲取一組radio被選中項的值 var item input ...
Jquery 學習筆記
text 和 val 的區別 text 方法是取得所有匹配元素的內容。結果是由所有匹配元素包含的文字內容組合起來的文字。這個方法對html和xml文件都有效。獲取span,div p之類才用text 或html 方法。例子 b a p text 將得到 ba 單行文字不能用text 方法獲得值,必須...
Jquery學習筆記
1.給一組相同的css加事件,要使用bind,live在新的版本已經過期。testcss bind click function e else 未選中 3.改變checkbox選中狀態 mycheckbox prop checked true mycheckbox prop checked fals...