jQuery?表單事件與遍歷詳情
更新時間：2022年08月31日 08:24:28 作者：RiemannHypothesis???????
這篇文章主要介紹了jQuery?表單事件與遍歷詳情，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
表單事件
.blur()
為 "blur" 事件綁定一個處理函數(shù)，或者觸發(fā)元素上的 "blur" 事件（注：此事件不支持冒泡）。
$('#other').click(function() {
$('#target').blur();
});.focus()
為 JavaScript 的 "focus" 事件綁定一個處理函數(shù)，或者觸發(fā)元素上的 "focus" 事件。
$('#target').focus(function() {
alert('Handler for .focus() called.');
});.change()
為JavaScript 的 "change" 事件綁定一個處理函數(shù)，或者觸發(fā)元素上的 "change" 事件。
$('.target').change(function() {
alert('Handler for .change() called.');
});.submit()
當用戶試圖提交表單時，就會在這個表單元素上觸發(fā)submit事件。它只能綁定在<form>元素上。
$('#target').submit(function() {
alert('Handler for .submit() called.');
});遍歷
.map()
通過一個函數(shù)匹配當前集合中的每個元素,產(chǎn)生一個包含新的jQuery對象。
由于返回值是一個jQuery包裹的數(shù)組，所以通常會使用get()方法將其轉(zhuǎn)換成普通的數(shù)組。
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<script src="./jquery-3.6.0.min.js" charset="utf-8"></script>
</head>
<body>
<form method="post" action="">
<fieldset>
<div>
<label for="two">2</label>
<input type="checkbox" value="2" id="two" name="number[]">
</div>
<div>
<label for="four">4</label>
<input type="checkbox" value="4" id="four" name="number[]">
</div>
<div>
<label for="six">6</label>
<input type="checkbox" value="6" id="six" name="number[]">
</div>
<div>
<label for="eight">8</label>
<input type="checkbox" value="8" id="eight" name="number[]">
</div>
</fieldset>
</form>
<script type="text/javascript">
$('input').map(function(index) {
console.log(this.id);
})
</script>
</body>
</html>map()方法會返回一個新的數(shù)組。
.each()
遍歷一個jQuery對象，為每個匹配元素執(zhí)行一個函數(shù)。
<ul>
<li>foo</li>
<li>bar</li>
</ul>$( "li" ).each(function( index ) {
console.log( index + ":" + $(this).text());
});each()返回的是原來的數(shù)組，并不會新創(chuàng)建一個數(shù)組。
.get()
通過jQuery對象獲取一個對應(yīng)的DOM元素。
<ul> <li id="foo">foo</li> <li id="bar">bar</li> </ul>
console.log( $( "li" ).get( 0 ) );
到此這篇關(guān)于jQuery 表單事件與遍歷詳情的文章就介紹到這了,更多相關(guān)jQuery 表單事件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JQuery一種取同級值的方式(比如你在GridView中)
JQuery一種取同級值的方式 比如你在GridView中,實現(xiàn)代碼如下，需要的朋友可以參考下2012-03-03
在很多時候，JQuery的$()函數(shù)都返回一個類似數(shù)據(jù)的JQuery對象，例如$(‘div’)將返回div里面的所有div元素包裝的JQuery對象。在這種情況下，JQuery提供了幾個常用的屬性和方法來操作JQuery對象。本文將對此進行介紹，下面跟著小編一起來看下吧2016-12-12
jQuery實現(xiàn)自動調(diào)整字體大小的方法
這篇文章主要介紹了jQuery實現(xiàn)自動調(diào)整字體大小的方法,涉及jQuery針對頁面屬性與樣式動態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2015-06-06
jquery Easyui Datagrid實現(xiàn)批量操作（編輯，刪除，添加）
本篇文章主要介紹了jquery Easyui Datagrid實現(xiàn)批量操作（編輯，刪除，添加），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
在EasyUI 的Demo 中 只有MenuButton 的顯示DEMO，沒有click 事件的相關(guān)操作，項目中正好用到啦，所以研究了下，可以用js 動態(tài)的為menu item 綁定click 事件2012-07-07
jquery選擇器中的空格與大于號>、加號+與波浪號~的區(qū)別介紹
這篇文章主要介紹了jquery選擇器中的空格與大于號>、加號+與波浪號~的區(qū)別介紹的相關(guān)資料,需要的朋友可以參考下2016-06-06
這篇文章主要為大家詳細介紹了jquery實現(xiàn)移動端按鈕組左右滑動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要為大家介紹了jQuery編程動畫基本實現(xiàn)方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
這篇文章主要介紹了JQuery.get提交頁面不跳轉(zhuǎn)的解決方法,本文分析了不跳轉(zhuǎn)的原因同時給出了跳轉(zhuǎn)的方法,需要的朋友可以參考下2015-01-01
通過最終效果發(fā)現(xiàn)，當頭像處于最前面時，圖像最大，透明低。越往后頭像就越小，就越透明2011-12-12