1、失去焦點事件onblur
2、選擇器
3、屬性操作
4、事件
5、載入完成
6、合成事件
7、呼叫js的成員
8、text(),html()
9、動態新增刪除元素
10、遍歷集合以及change事件
11、設定樣式
12、函式
13、許可權選擇
1、失去焦點事件onblur
//為文字框註冊失去焦點事件，失去焦點時，進行密碼驗證
document.getelementbyid('txtpwd').onblur = function ()
2、選擇器
//根據id查詢$('#btnshow');
//根據元素查詢
$('input');
//空格表示查詢所有子級
$('#d1 div');
//過濾選擇器
$('div:first');
3、屬性操作
//獲取屬性的值：只寫第乙個引數，屬性的名字
//alert($('#btnshow').attr('value'));
//設定屬性的值：寫兩個引數，第乙個表示屬性的名字，第二個表示值
//$('#btnshow').attr('value', 'hello world');
//prop表示html的原有屬性，attr而表示擴充套件屬性
//如：img的src操作使用prop，而href操作使用attr
//一般使用attr因為各種情況都適用
//$('img').attr('href', 'abc');
//移除屬性
//$('#btnshow').removeattr('value');
4、事件
//為按鈕繫結點選事件
//$('#btnshow').click(function() );
//dom的事件註冊:乙個事件只能註冊乙個處理函式，不支援多播
'btnshow').onclick = function() ;
'btnshow').onclick += function() ;
//jquery事件註冊：支援多播，乙個事件可以指定多個處理函式
$('#btnshow').click(function
() );
$('#btnshow').click(function
() );
5、載入完成
//為window的onload事件註冊處理函式，表示頁面載入完成後觸發執行
//標籤載入完成，並且標籤指定的資源也載入完成
//onload = function() ;
//表示載入完成後執行此**:dom就緒，指標籤載入完成，這時，標籤指定的資源可能還沒有載入完成
//$(document).ready(fun);簡寫如下：
$(function
() );
});
6、合成事件
//合成指向、移開事件
//$('#btnshow').hover(function() , function() );
//合成點選事件,指定在n個函式間切換，點選次數為m
//$('#btnshow').toggle(function() , function() , function() );
//合成事件：只將繫結的事件執行一次
//$('#btnshow').one('click', function() );
7、呼叫js的成員
//找到按鈕，並繫結點選事件
$('#btnshow').click(function
() );
});
8、text()、html()
$(function() );
});
9、動態新增刪除元素
() );
() );
$('#btnempty').click(function
() );
$('#btnremove').click(function
() );
});10、遍歷集合以及change事件
//$.each(obj,fun(i,n))
//如果obj是陣列，則i是索引，n是元素
//如果obj是物件或鍵值對，i是鍵，n是值
//定義省市資料，鍵值對集合
var datas =;
$(function
() );
});//追加到body中
//遍歷集合
$.each(datas, function
(key, value) );
//建立市的select
//獲取選中的省資訊
var pro = $('#selectprovince').val();
//將省名稱作為鍵到集合中獲取值
var citys =datas[pro];
//遍歷市的陣列
$.each(citys, function
(index, item) );
});
11、設定樣式
//設定樣式
//$('#btnshow').css('background-color', 'red');
//設定多個樣式
$('#btnshow').css();
12、函式
//var id = 10;//
為window物件定義了屬性id
function
showid()
function
person(fn)
//var p1 = new person();
= showid;//將方法showid賦值給變數sayid
();//呼叫方法,使用p1呼叫的方法，所以函式中的this就是p1
//var p2 = new person(showid);
//在不改變原有成員的情況下，讓person物件呼叫showid方法
//showid();
showid.call(new person());//
call表示由哪個物件來呼叫這個方法，方法中的this就是這個物件
13、許可權選擇
$(function() );
//為「選中右移」按鈕繫結事件
$('#btnright').click(function
() );
//為「全部左移」按鈕繫結事件
$('#btnleftall').click(function
() );
//為「選中左移」按鈕繫結事件
$('#btnleft').click(function
() );
});
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...