jq模擬操作

2022-09-17 04:54:09 字數 918 閱讀 8241

1.常用模擬

trigger()

$('#btn').trigger('click');

當頁面載入完,點選事件就會完成

上面也可以簡寫成:$('#btn').click();

2.觸發自定義事件

trigger()方法不僅能觸發瀏覽器支援的具有相同名稱的事件,也可以觸發自定義名稱的事件

例:為元素繫結乙個『myclick』的事件

$('#btn').bind('click',function(){

想要觸發這個事件,就可以用下面的方法

$('#btn').trigger('myclick');

3.傳遞資料

trigger(type,[data]);方法有兩個引數,第乙個引數是觸發的型別,第二個引數是要傳遞給事件處理函式的附加資料,以陣列形式傳遞,通常可以通過傳遞乙個引數給**函式來區別這次事件是**觸發還是使用者觸發。

例:$('#btn').bind('myclick',function(event,message1,message2){//獲取資料

$('#btn').trigger('myclick',['我的自定義','事件']);//傳遞兩個資料

4.執行預設操作

trigger()方法觸發時間後,會執行瀏覽器預設操作。

$('input').trigger('focus');

以上**不僅會觸發input繫結的focus,也會是input元素本身得到焦點(這是瀏覽器的預設行為)

如果只想觸發繫結的focus事件,而不想執行瀏覽器預設操作,可以使用jq中另一種方法triggerhandler();

$('input').triggerhandler('focus');

該方法會觸發input上繫結的特定事件,同時取消瀏覽器對此事件的預設操作,即文字框只觸發繫結的focus事件,不會的到焦點。

AJAX操作04 模擬使用者註冊 jQ

利用ajax技術實現使用者註冊,主要實現功能點如下 1 使用者輸入註冊名字後,當焦點移開時系統立刻判斷該使用者名稱是否被使用並提醒給使用者 2 判斷使用者資訊是否輸出完整,若不完整,註冊時會提醒 3 判斷使用者兩次輸入密碼是否一致,若不一致,註冊時提醒 4 註冊成功資訊彈窗返回給使用者 1.視 件 ...

jQ節點操作

doctype html en utf 8 viewport content width device width,initial scale 1.0 document title jquery 1.10.1.min.js script 注 以下所有的方法,都可以傳參,引數部分,都是css選擇器,可...

ES6模擬jq的一些操作

為了實踐一下es6,就通過es6簡單模擬了一下jq,實現了幾個小操作,如 function 事件繫結,獲取設定css,設定動畫及鏈式操作 比較簡單,有些地方的錯誤處理也沒有加上,直接貼上 效果如下,圖1原始圖 點選按鈕演示1,分別設定第二個box1的文字顏色和三個box1的背景色,效果見圖2 點出按...