溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
用法 描述
empty()
刪除匹配的元素集合中所有的子節點。
each() 以每一個匹配的元素作為上下文來執行一個函數；每次執行傳遞進來的函數時，函數中的this關鍵字都指向一個不同的DOM元素。
jQuery.each() 通用例遍方法，可用于例遍對象和數組
jQuery.trim() 去掉字符串起始和結尾的空格。
$.trim(" hello, how are you? ");去掉字符串起始和結尾的空格。
focus() 定焦或當元素獲得焦點時，觸發 focus 事件
<script src="../../static/js/jquery-3.3.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// console.log("加載");
$("#btn0").click(function () {
alert($("#input1").text())
//alert("dd");
});
//清空
$("#btn1").click(function () {
$("#select").empty();
//alert("dd");
});
//遍歷
$("#btn2").click(function () {
//遍歷就是
$("input[type='text']").each(function (index, input) {
alert($(input).val());
console.log($(input).val());
})
});
//$.each()遍歷數組
$("#btn3").click(function () {
var array = [1,2,true,"hi"];
$.each(array,function (i, obj) {
alert(obj);
})
});
//focus()定焦到輸入框2
$("#btn4").click(function () {
$("#input2").focus();
});
//$.trim()輸入框中是否空字符串
$("#btn5").click(function () {
var str = $("#input1").val();
alert(str.length);
alert(str.trim().length);
})
});
</script>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<style>
.divClass{
text-align: center;
width: 100%;
}
</style>
</head>
<body>
<div class="divClass">
<br>
<input type="text" id="input1" value="輸入框1" title="div 的 title屬性值" ><br><br>
<input type="text" id="input2" value="輸入框2"><br><br>
<input type="button" value="清空select_文本" id="btn0"><br><br>
<select id="select">
<option>Java</option>
<option>IOS</option>
<option>UI</option>
</select>
<br>
<input type="button" value="empty()清空select" id="btn1">
<br><br>
<input type="button" value="each()遍歷所有輸入框的值" id="btn2">
<br><br>
<input type="button" value="$.each()遍歷數組" id="btn3">
<br><br>
<input type="button" value="focus()定焦到輸入框2" id="btn4">
<br><br>
<input type="button" value="$.trim()輸入框中是否空字符串" id="btn5">
</div>免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
