jQuery操作基本操作二學習筆記
阿新 • • 發佈:2018-07-01
操作 css lin length code 對象 trim document rip 基本訪問與工具
用法 描述
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>
jQuery操作基本操作二學習筆記