本文系统梳理jQuery开发中高频使用的核心方法，涵盖元素取值赋值、列表遍历追加、异步数据获取、字符串分割截取以及键盘事件监听等场景。通过具体代码示例，解析Val、Append、Each、Get、Split、Substr、Html、Keyup、Trim、Show、Hide及IndexOf等函数的实际用法与参数规范，帮助开发者快速掌握前端交互与数据处理的实现技巧。
jQuery常用方法详解与代码示例
Val()、append()、get()、split()、substr()、each()、html()、keyup()、trim()、show()、hide()以及indexOf()是前端开发中常用的方法，下面逐一进行解析。Val()主要用于对页面元素进行取值和赋值操作。取值时，可以通过var result = $("#txtSearch").val();获取元素值；赋值时，则使用$("#txtSearch").val(result);将值赋给元素。Each()用于对集合中的每个元素执行后续方法调用。例如，在遍历data.list时，可以使用$.each(data.list, function (i, item) { Alert(item["WikiTitle"]+" "+item["WikiID"]);//i代表集合元素的下标，item代表元素本身 });。Append()用于在指定页面元素后追加内容。假设页面中存在一个id为"div_keycontent"的div元素：<div id="div_keycontent"></div>，可以通过Js代码动态添加多个<li>项，如：$.each(data.list, function (i, item) { $("#div_keycontent").append("<li>" + item["WikiTitle"] + " <a href=\"Read/" + item["WikiID"] + "\" >查看</a>" + "</li>"); });。Get()用于在页面上异步获取数据，采用异步绑定的形式，具体实现可参考前文说明。Split()用于字符串操作，例如Var str = split("liu,ming,feng",",");执行后，str将返回一个字符串数组：{"liu","ming","feng"}。Substr()用于字符串的子串提取，用法如：///判断最后一个字符是否为逗号 if (str.substring(str.length - 1, str.length) == "," || str.substring(str.length - 1, str.length) == "，"){ alert("最后一个字符是逗号！"); }。Html()用于修改HTML标签的内容，例如：$("#div_keycontent").html("<p>没有数据</p>")。Keyup()是键盘按下并弹起时触发的事件，例如：$("#txtSearchKey").keyup(function () { $("#div_keycontent").html("<p>数据检索中....</p>"); });。Trim()用于去除字符串首尾空格，用法为str.trim()。Show()用于显示页面元素，例如：$("#txtSearchKey").show()；Hide()用于隐藏页面元素，例如：$("#txtSearchKey").hide()。IndexOf()用于检查字符串中是否包含指定的子字符串，用法如：if (str.indexOf(',,') != -1 || str.indexOf('，，') != -1) {///判断是否有连逗号 alert("有两个逗号连用！"); }