jQuery中change事件用法實例
更新時間：2014年12月26日 11:33:08 投稿：shichen2014
這篇文章主要介紹了jQuery中change事件用法,以實例形式分析了在匹配元素焦點(diǎn)變化時觸發(fā)事件使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery中change事件用法。分享給大家供大家參考。具體分析如下：
change事件會在匹配元素失去焦點(diǎn)或者其值獲得焦點(diǎn)并且改變時觸發(fā)。
一個完整的事件過程，不但要有能夠觸發(fā)事件的條件，而且還要有事件處理程序。
可以通過change()方法為change事件綁定事件處理程序。例如：
復(fù)制代碼 代碼如下:
$("input").change(function(){$("input").css("backgroundColor","green")})
以上代碼就是將function函數(shù)作為事件處理程序通過change()方法綁定到change事件。當(dāng)觸發(fā)change事件的時候，就會調(diào)此函數(shù)。
實例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://m.fzitv.net/" />
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input").change(function(){
$("input").css("backgroundColor","green")
})
})
</script>
</head>
<body>
<div><input type="text" name="content" /></div>
<div>改變文本框文字就會觸發(fā)事件</div>
</body>
</html>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
基于jquery的拖動布局插件，需要的朋友可以參考下。2011-11-11
使用jquery+iframe做一個ajax上傳效果(實例)
下面小編就為大家?guī)硪黄褂胘query+iframe做一個ajax上傳效果(實例)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
jquery 鼠標(biāo)滑動顯示詳情應(yīng)用示例
本文示例要為大家實現(xiàn)的效果是鼠標(biāo)滑動,顯示詳情，代碼很簡潔，很適合學(xué)習(xí)2014-01-01
jquery form input 選擇，獲取 id為 instanceInfo form 下的 隱藏的input,需要的朋友可以參考下2014-04-04
jquery實現(xiàn)Ctrl+Enter提交表單的方法
這篇文章主要介紹了jquery實現(xiàn)Ctrl+Enter提交表單的方法,涉及jquery針對鍵盤按鍵的響應(yīng)與表單操作相關(guān)技巧,非常簡單實用,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了jquery實現(xiàn)表格本地排序的方法,實例分析了jQuery操作數(shù)組實現(xiàn)本地表格排序的技巧,需要的朋友可以參考下2015-03-03
jQuery UI插件自定義confirm確認(rèn)框的方法
這篇文章主要介紹了jQuery UI插件自定義confirm確認(rèn)框的方法,實例分析了jQuery的UI插件使用技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
本篇文章介紹了jQuery實現(xiàn)表格的排序方法與主要思路，相信會對大家有所幫助，下面就跟小編一起來看看吧2016-12-12
jquery $.each 和for怎么跳出循環(huán)終止本次循環(huán)
如何在jquery 中的循環(huán)中終止本次循環(huán)或者跳出循環(huán)呢？經(jīng)搜索發(fā)現(xiàn)個不錯的方法，大家不妨參考下，希望對大家有所幫助2013-09-09
這篇文章主要為大家詳細(xì)介紹了jquery ztree實現(xiàn)模糊搜索功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-02-02