Jquery中的常用事件舉例
<html>
<head>
<meta charset="utf-8">
<title>jquery demo02</title>
</head>
<body>
使用者名稱：<input type="text" name="user" value="12343r4"><br>
年齡 ：<input type="text" name="age" value=""><input type="button" class="btn" value="取整"><br>
簡介：<textarea id="desc"></textarea><span></span>
</body>
<script src="./jquery.1.12.js"></script>
<script type="text/javascript">
//DOM載入完成自動呼叫
$(document).ready(function(){
//失去焦點事件
$(":input[name=user]").blur(
function(){
alert($(this).val());
})
//點選事件
$(".btn").click(
function(){
var age=$(":input[name=age]").val();
$(":input[name=age]").val(parseInt(age));
})
//鍵盤擡起事件
$("#desc").keyup(
function(){
var len=$('#desc').val().length;
var rest=20-len;
var span="您還有"+rest+"個字可以輸入!";
$("span").text(span).css({color:'red'});
var value=$('#desc').val().substr(0,20);
$('#desc').val(value);
})
})
</script>
</html>
相關推薦
JQuery中常用 事件 清單總結
所有事件都是方法 所有事件都是方法blur(fn) ：當失去焦點時觸發 change(fn) ：當狀態改變時觸發 click(fn) ：當單擊時觸發 dblclick(fn) ：當雙擊時觸發 focu
jQuery中常用事件
1 $.proxy 接收一個函式引數,並返回一個有特定上下文的新函式 jQuery.proxy( function, context [, additionalArguments ] ) 引數 型別 說明 function
Jquery中的常用事件舉例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jq
JQuery中阻止事件冒泡方式及其區別
use urn query class span 事件冒泡 事件 clas nbsp 方式一：event.stopPropagation(); 1 $("#div1").mousedown(function(event){ 2 event.stopPropa
jQuery中的事件
方法 ever () 圖片 關聯 ready click type see 1.加載DOM 在頁面加載完畢後，JS用window.onload為DOM元素添加事件，jQuery中，用$(document).ready()為DOM元素添加事件，使用該方法可以在DOM載入就緒時
Jquery中click事件重復執行的問題
銷毀 事件 事件綁定 方案 cti highlight logs () clas $(‘#xxx‘).unbind(‘click‘).click(function () { ... }); 每次綁定前先取消上次的綁定。 1.一種方法是彈窗隱藏的時候把彈窗銷
JavaScript事件委托原理及Jquery中的事件委托
and 就是 傳播 break scrip lock -i 位置 dom 概念 事件委托，通俗來說就是將元素的事件委托給它的父級或者更外級元素處理。 事件流 事件流描述的是從頁面中接收事件的順序。 事件冒泡：事件開始由最具體的元素接收，然後逐級向上傳播到較為不具體的節點
jQuery中的事件與驅動
效果 代碼 產生 down ESS 名稱 用戶 use 註意 1.jQuery中的事件 在jQuery中，事件總體分為倆大類：基礎事件和符合事件。 jQuery中的簡單事件，與Javascript中的事件 幾乎一樣，都含有鼠標事件、鍵盤事件、載件事件等，只是其
jQuery中的事件方法，使用on()代替live()
del tor () on() span ron clas bin pan 在項目中經常需要動態的生成一些標簽，並且要給這些標簽添加一些事件，在jquery之前的版本中可以使用live()方法方便的綁定事件，但是live()在1.7版本中就被廢除，並在1.9版本中被刪除，這
jQuery中常用的元素查找方法總結
form select checkbox disabled 聯合 節點 id屬性 anim area $("#myELement") 選擇id值等於myElement的元素，id值不能重復在文檔中只能有一個id值是myElement所以得到的是唯一的元素 $("div")
JQuery中的事件與動畫
自定義 打印 sele 樣式 mouseover bind button cli ima 1.鼠標事件 方法 描述 執行時機 click( ) 觸發或將函數綁定到指定元素的click事件
使用jQuery快速高效制作網頁交互特效——07 第七章 jQuery中的事件與動畫
left true scale 阻止 ble something 傳遞 程序 節點 1、 jQuery中的事件： ●和WinForm一樣，在網頁中的交互也是需要事件來實現的，例如tab切換效果，可以通過鼠標單擊事件來實現 ●jQuery事件是對JavaScr
js中常用事件
滑鼠事件 /* onclick：點選某個物件時觸發 ondblclick：雙擊某個物件時觸發 onmouseover：滑鼠移入某個元素時觸發 onmouseout：滑鼠移出某個元素時觸發 onmouseenter：滑鼠進入某個元素時觸發 onmouseleave：滑鼠離開某個元素時觸發 onmouse
jQuery中的事件委託練習（一）
1.事件委託的基本結構 $(function(){ // 事件委託： // 請別人幫忙做事，然後將做完的結果反饋給我們 $("button").click(function(){ $("ul").append("<li>我是新增的li</li>");
Jquery中toggle事件
Html程式碼 <p>測試1</p> <p>測試2</p> <p style="display:none">隱藏測試</p> <button class="btn1">點選</button>
HTML-jQuery中的事件與動畫
網頁中的事件 和WinForm一樣，在網頁中的互動也是需要事件來實現的，例如tab切換效果，可以通過滑鼠單擊事件來實現 jQuery中的事件： jQuery事件是對JavaScript事件的封裝，常用事件分類： 基礎事件：①滑鼠事件；②鍵盤事件；③window事件
jQuery中阻止事件冒泡的方式及區別
方法一：event.stopPropagation(); $("#div").mousedown(function(event){ event.stopPropagation(); }); 方法二：return false; $("#di
jQuery中的事件委派（代理事件）delegate
jQuery給我們提供了強大的js庫。我們可以用jQuery指令碼向頁面新增元素，隨著程式進行新增的元素怎麼新增事件呢？就需要使用delegate了。 delegate() 方法可以為已有或新新增的頁面元素繫結已定義的事件：如下：html: <body><div><spa
jQuery中的事件與DOM操作
jQuery中的事件 基礎事件 滑鼠事件： click( )：單擊滑鼠時 mouseover( )：滑鼠指標移過時 mouseout( )：滑鼠指標移出時 mouseenter( )：滑鼠指標進入時 mouseleave( )：滑鼠指標離開時 鍵盤事件： key
JQuery中常用函式
說出JQuery中常見的幾種函式以及他們的含義是什麼？ jQuery中常見的函式如下： （1）get（）取得所有匹配的DOM元素集合。 （2）get（index）取得其中一個匹配的元素。index表示取得第幾個匹配的元素。 （3）append（content）向