jQuery學習筆記

2022-02-12 10:46:03 字數 779 閱讀 7212

一.jquery的目的是: 將結構與行為分開.

使用jquery不用在每個a標籤上寫onclick事件,所以我們擁有了乙個整潔的結構文件(html)和乙個行為文件(js),達到了將結構與行為分開的目的,就像我們使用css追求的一樣.

二.例如:

$(document).ready(function() );

});$("a") 是乙個jquery選擇器(selector),在這裡,它選擇所有的a標籤(譯者keel注:即),$號是 jquery 「類」(jquery "class")的乙個別稱,因此$()構造了乙個新的jquery 物件(jquery object)。

2.starterkit.html裡引入兩個js檔案.

jquery.js是庫的標準**,一定要引入的.

custom.js是我們的自定義檔案, 可以任意寫的, 在做所有事情之前,要讓jquery讀取和處理文件的dom,必須盡可能快地在dom載入後開始執行事件,所以,規定用乙個ready事件作為處理html文件的開始.

3.實際的**(點選任意乙個超級鏈結都會彈出alert和給一些元素加class樣式.

$(document).ready(function() {

$("a").click(function () {

alert("hello world!");

$("#orderedlist").addclass("red");

$("#orderedlist > li").addclass("blue");

參考資料:

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...