首頁 > web前端 > 前端問答 > jquery select()方法怎麼用

jquery select()方法怎麼用

青灯夜游
發布: 2022-03-01 17:18:07
原創
2777 人瀏覽過

在jquery中,select()方法用於觸發select事件,或規定當發生select事件時執行的事件處理函數;語法「$(selector).select()」或「$(selector) .select(function)」。

jquery select()方法怎麼用

本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。

當 textarea 或文字類型的 input 元素中的文字被選擇時,會發生 select 事件。

select() 方法用於觸發 select 事件,或規定當發生 select 事件時執行的函數。

語法:

  • 觸發select 事件

$(selector).select()
登入後複製
  • 將函數綁定到select 事件

$(selector).select(function)
登入後複製

jquery select()方法怎麼用

#範例:
##

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("input").select(function() {
					$("input").after(" Text marked!");
				});
			});
		</script>
	</head>
	<body>
		<input type="text" name="FirstName" value="Hello World" />
		<p>请试着选取输入域中的文本,看看会发生什么。</p>
	</body>
</html>
登入後複製

jquery select()方法怎麼用

#【推薦學習:

jQuery影片教學web前端開發影片

以上是jquery select()方法怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板