jquery通过each循环option，在option里做if判断，if赋值的时候应该怎么书写啊
v.wxz如果是字符串这么拼应该少了对引号，... eq "+"""+v.xwz+"""+" 这么写试试
php pdo对象的 query方法 为什么不执行
要查看 pdo 出错的原因，现在你需要调用 $dbh->errorInfo() ，而不是 $str->errorInfo() 。
swagger文件上传显示却是query类型
版本不同导致上传改变了文件类型。因为Springfox-Swagger针对不同的版本，某些版本也会出现此问题，为一劳永逸，SwaggerBootstrapUi特别指定需要强指定dataType类型为MultipartFile。Swagger的目标是对RESTAPI定义一个标准且和语言无关的接口，可以让人和计算机拥有无须访问源码、文档或网络流量监测就可以发现和理解服务的能力。当通过Swagger进行正确定义，用户可以理解远程服务并使用最少实现逻辑与远程服务进行交互。与为底层编程所实现的接口类似，Swagger消除了调用服务时可能会有的猜测。
在html页面中用jquery实现加载的效果。
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> body { height: 100%; width: 100%; margin: 0; padding: 0; } #mask_box { display:block; } #mask_loading { background-color: #ccc; filter: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; position: absolute; height: 100%; width: 100%; } #loading_img { position: absolute; left: 50%; margin-left: -30px; top: 50%; margin-top: -13px; z-index: 1000; width: 61px; height: 25px; background: url(../Images/loading.gif) no-repeat; } </style></head><body> <div id="mask_box"> <div id="mask_loading"></div> <div id="loading_img"></div> </div></body></html>
jquery中render什么意思
jq里边的一个渲染器
jquery中render什么意思
首先jQuery("#qrcodeTable").qrcode({表示引用了一个叫qrcode的jquery插件注：这是个生成二维码的插件；并将这个插件应用与id为qrcodeTable的元素render:"table",text:thisURL,width:"336",height:"336"这四个分别表示对这个qrcode插件设置的4个参数从字面意思可以看出render:"table",//渲染方式设置为tabletext:thisURL,//设置url；给二维码加地址width:"336",//设置宽度为336height:"336"//设置高度为336
请问在Razor 的cshtml 遍历 IQueryable 集合
需要类型转换，ViewData 是object类型，而foreach 遍历的对象必须是IEnumerable类型的，object当然不是，所以需要做一下类型转换
jQuery实现表格隔行换色
本文实例为大家分享了jQuery实现表格隔行换色的具体代码，供大家参考，具体内容如下<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>使用JQ完成表格隔行换色</title><scriptsrc="js/jquery.min.js"></script><script>$(function(){$("tbodytr:odd").css("background-color","aquamarine");$("tbodytr:even").css("background-color","bisque");vartb=$("tbodytr");varoldColor;for(vari=0;i<tb.length;i++){//alert(oldColor);$("tbodytr")[i].onmouseover=function(){oldColor=this.style.backgroundColor;this.style.backgroundColor="yellow";}$("tbodytr")[i].onmouseout=function(){this.style.backgroundColor=oldColor;}}});</script></head><body><tableid="tbl"border="1"border-collapse="collapse"align="center"cellspacing="0"cellpadding="5"width="400"height="20"><thead><tr><th>编号</th><th>姓名</th><th>年龄</th></tr></thead><tbody><tr><td>1</td><td>张三</td><td>12</td></tr><tr><td>2</td><td>李四</td><td>22</td></tr><tr><td>3</td><td>王五</td><td>13</td></tr><tr><td>4</td><td>马六</td><td>14</td></tr><tr><td>5</td><td>伍六七</td><td>17</td></tr><tr><td>6</td><td>梅花十三</td><td>17</td></tr></tbody></table></body></html>疑问：为什么this.style.backgroundColor=oldColor中的this不能用$("tbodytr")[i]代替？？以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。您可能感兴趣的文章:jquery实现表格隔行换色效果jQuery插件实现表格隔行换色且感应鼠标高亮行变色使用jqueryhover事件实现表格的隔行换色功能示例基于Jquery的表格隔行换色，移动换色，点击换色插件
jQuery如何追加tr到table中？
$("#tbody").append(".....");或者$("#tbody").html($("#tbody").html()+"<tr>dawdawdadawd</tr>")
如何使用Jquery实现拖拽tbody的行，实现数据的排序（第一列的编号也要随之改变并按1、2、3的顺序排好）？
jquery ui 找找看有没有这个功能，先实现拖拽，然后再排序
JQuery 根据TableID获取Table下面Tbody中第五个Tr中前两个td
$("#TableID").find("tbody").find("tr:eq(4)").find("td:lt(2)")
如何用jquery抓取tbody下的第一个tr的最后一个td里面的第一个a标签
使用jquery提供的两个选择器实现：:first选择器选取第一个元素:last选择器选取最后一个元素。因此，抓取tbody下的第一个tr的最后一个td里面的第一个a标签可以使用如下代码：$("table tr:first td:last a:first");实例演示：隐藏tbody下的第一个tr的最后一个td里面的第一个a标签1.创建Html元素点击按钮隐藏第一个a标签：打酱油打酱油第1个a标签第2个a标签第3个a标签打酱油打酱油第1个a标签第2个a标签第3个a标签打酱油打酱油打酱油
jquery获取tbody的tr数据
获取tbody里面所有的td值我们可以通过获取tbody这个页面元素下面所有的tr元素，获取后通过遍历的方式来获取所有的td值。以下面这个HTML代码为例来看一看怎么获取tbody里面所有的td值HTML代码：注意，一定要给tbody设置一个id，这样后面才能通过id获得tobody这个网页元素。jquery代码如下：这里使用一个list来获取了所有的tr，然后再遍历tr里面的td值。
jquery怎么清空table的tbody中的数据
$("table tbody").html("");
jquery选择器要查询tbody标签中的 从第三个tr以后的所有tr标签，怎么写？
$("tbody tr:eq(2)")
jquery中怎么获取当前页的tbody
$("#tableId").find("tbody").each(function(){ alert($(this).attr("id"));})
怎样用Js循环为Table中的Tbody下的每行添加onclick事件，要求不使用JQuery~
var tbody = document.getElementById("tbody的ID");var tr = tbody.childNodes;for (var i = 0; i < tr.length; i++) { if (tr[i] != undefined && tr[i].toLowerCase() == "tr") { tr[i].onclick = function() { alert("事件"); } }}
jquery怎么清空table的tbody中的数据
需要准备的材料分别有：电脑、html编辑器、浏览器。1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。2、在index.html中的<script>标签，输入jquery代码：$("table tbody").html("");。3、浏览器运行index.html页面，此时table中的tbody内容被成功清空了。
jquery获取tbody的tr数据
获取tbody里面所有的td值我们可以通过获取tbody这个页面元素下面所有的tr元素，获取后通过遍历的方式来获取所有的td值。以下面这个HTML代码为例来看一看怎么获取tbody里面所有的td值HTML代码：注意，一定要给tbody设置一个id，这样后面才能通过id获得tobody这个网页元素。jquery代码如下：这里使用一个list来获取了所有的tr，然后再遍历tr里面的td值。
jquery webcam 怎么用
在jquery里可以直接用isNaN()，因为他是JavaScript的类库。是由JavaScript语言写的。例如：<script type="text/javascript">$(document).ready(function(){alert(isNaN($("#id").val()));}); </script>可以直接使用
jquery.uploadify.js:72 出现 Uncaught Call to GetStats failed
处理什么效果时会这样呢，显示图片还是？
org.apache.lucene.queryparser在哪个包里
位于该包中，lucene-queryparser-7.4.0.jar。不是 lucene-core-7.4.0.jar 。Reference： lucene.apache.org/core/7_4_0/core/index.html
关于Lucene怎么使用SpanQuery进行模糊搜索
SpanQuery是按照词在文章中的距离或者查询几个相邻词的查询。打个比方：如“中华人民共和国” 用“中国“做为关键字， 跨度为某个值，如5。跨度代表 中 和国之间的长度。。lucene的：SpanQuery包括以下几种： SpanTermQuery：词距查询的基础，结果和TermQuery相似，只不过是增加了查询结果中单词的距离信息。 SpanFirstQuery：在指定距离可以找到第一个单词的查询。 SpanNearQuery：查询的几个语句之间保持者一定的距离。 SpanOrQuery：同时查询几个词句查询。 SpanNotQuery：从一个词距查询结果中，去除一个词距查询。所以这种Query不能进行模糊搜索，要进行模糊查询，可以选择FuzzyQuery或者WildcardQuery。
jquery easyui 怎么动态控制toolbar的显示
①要控制toolbar的显示状态，首先要获取到toolbar内的每个按钮对象，然后通过设置css属性即可实现显示和隐藏，所以只要在每个toolbar按钮添加id属性即可控制显示@比如 设置了toolbar[{id:"edit",iconCls: "icon-edit",handler: function(){alert("编辑按钮")}}]然后通过$("#edit").show();$("#edit").hide();即可显示和隐藏
jquery easyui 怎么动态控制toolbar的显示
1、如果你的toolbar是这种新式的：$("#dg").datagrid({ toolbar: "#tb"});<div id="tb"> <a href="#" class="easyui-linkbutton" data-options="iconCls:"icon-edit",plain:true"/a> <a href="#" class="easyui-linkbutton" data-options="iconCls:"icon-help",plain:true"/a></div>隐藏toolbar：$("#tb").hide();显示toolbar：$("#tb").show();2、如果是这种形式的：$("#dg").datagrid({ toolbar: [{ iconCls: "icon-edit", handler: function(){alert("编辑按钮")} },"-",{ iconCls: "icon-help", handler: function(){alert("帮助按钮")} }]});隐藏：$("div.datagrid-toolbar").eq(0).hide();显示：$("div.datagrid-toolbar").eq(0).show();
jquery easyui怎么动态改数据表格上的toolbar的按钮的样式和文字
这句代码一看就有语法错误，选择器后面跟着的应该是插件名。你这个问题我给你分析一下，datagrid的工具栏实质上就是linkbutton，要禁用或启用一个linkbutton就要调用它的disable或enable方法，照你上面说的需求，点击修改按钮禁用本身、启用保存，代码如下：handler : function() {// 这里是紧接着你的修改按钮的 // 注意ID为你初始化工具栏按钮对应的ID $("#update").linkbutton("disable"); // 禁用修改按钮 $("#save").linkbutton("enable"); // 启用保存按钮}
IE 8中jquery file upload 上传图片没反应
formData: {fileSetKey:$("#pickey").val()},---这句有点奇怪，你把data alert出来呢还有启动F11，启动ie8的调试平台，ie8确实恶心。
用jquery uploadify 上传文件得到选择的文件路径！
我也正找这种方法呢，我想提交之前把所有文件路径的数组存下来，可以实现断点续传！有结果了楼主联系我！
jquery 如何在一个input标签判定是手机还是邮箱
用正则表达式，对输入的值进行匹配
怎样利用jquery控制swiper的页数
有轮播插件，代码更少，效果更好。去看swiper。
点击表格内一行,jquery获得此行第一个的input的value
$("table tr").bind("click",function(var val=$(this).find("input").first().val();));
Jquery如何获得div下的元素
$("#a table").append($("</tbody>"))
jquery插件tablesorter如何实现html表格用法实例详解
tablesort是一款很好用的jQuery表格排序插件。 支持多种数据类型排序，会自动识别表格内容数据类型，使用也非常方便。使用jQuery tablesort实现html表格方法:1. 下载jQuery和tablesort脚本，并在html中引用该脚本文件：<script type="text/javascript" src="../jquery-latest.js"></script><script type="text/javascript" src="../jquery.tablesorter.js"></script>2. 格式化需要排序的html表格：a. 给需要排序的表格指定CCS类：class="sort-table"b. 使用thead和tbody标签来标记表格头和表格正文c. 在表格头thead中需要使用th标签定义表头格式化好的html表格如下所示：<table border=1 width="800px" class="sort-table"><thead> <tr> <th>Date</th> <th>Usage</th> <th>Cost</th> <th>Remain</th> </tr></thead><tbody> <tr> <td>2008-3-25</td> <td>book place @dhgu</td> <td>-40</td> <td>-40</td> </tr> <tr> <td>2008-4-1</td> <td>book place @dhgu</td> <td>-40</td> <td>-80</td> </tr></tbody></table>3. 添加jQuery代码，启用html表格排序：在body中对在第二步中指定的排序表格css类调用tablesorter()函数：<body><script type="text/javascript"> $(document).ready(function() { $(".sort-table").tablesorter(); });</script>通过上面的3步，jQuery tablesort就可以实现对html表格的排序。
jquery 基础，$("th", thead)是啥意思
我不知道，嗯 百度叫我再说两句，那我真的不知道
jqueryajax向后台传递数组以及如何在后台接收数组代码详解
JS中的数组是弱类型的可以放任何类型（对象、基本类型），但是如果数组中放的是对象类型，传递到后台是显示的只能是对象字符串--[object Object],原因如下： 在后台接收的时候，只能用request来接收，request.getParameterValues()方法返回的是一个String[],所以，应该是在前台传输的时候调用了对象的toString()方法,那么如果依然想传递对象怎么办？但是可以使用JSON字符串来实现，在后台把JSON字符串解析成JAVA对象。 也许，你要说如果是复合对象怎么办，比如如下： public class Person { private String username; private String password; private Address addr; }Person对象里有个Address类型的addr属性，没关系，任何对象最终用到的属性值都是基本数据类型，只需要使用对应的包装类型parseInt、或者parseXXX解析即可。 实现： OK，原理就是这么个。先看JS如何写： var as = []; var temp = []; for ( var int = 0; int < 5; int++) { temp.push("{"k":"); temp.push(int); temp.push(","v":"); temp.push(int); temp.push("}"); as.push(temp.join("")); } //Jquery中的方法，具体参考Jquery API $.post( "servlet/AjaxServlet?m=putWarningRule",{"aa":as} );最终拼成的串就是如下样式，（只作举例） {"k":0,"v":0}后台接收，不讨论任何框架，只需要HttpServletRequest即可 String[] jsonArr = request.getParameterValues("aa[]");有一点需要注意，在js中传参的时候参数名叫"aa"，而在后台接收的时候却是"aa[]"，这里应该是Jquery做了转换，所以最好的方式就是在JS中就改为"aa[]"，之所以这里没有写"[]"是为了说明问题。可以使用如下方式打印request中的所有参数 Enumeration<String> names = request.getParameterNames(); while (names.hasMoreElements()) { String string = (String) names.nextElement(); System.out.println(string); }OK，至此为止，已经接收完毕，剩下的就是如何将一个JSON字符串转成一个POJO了。/** * 将对象转换为JSON格式的字符串 * @param obj * @return 返回JSON字符串 */ public static String toJSONAsString(Object obj){ try { return JSONMapper.toJSON(obj).render(false); } catch (MapperException e) { e.printStackTrace(); } return null; } @SuppressWarnings("unchecked") public static <T> T jsonToObject(String jsonStr, Class<T> targetClass) throws TokenStreamException, RecognitionException, MapperException{ JSONValue jv = new JSONParser(new StringReader(jsonStr)).nextValue(); return (T) JSONMapper.toJava(jv,targetClass); } //test public static void main(String[] args) throws Exception { Person p = new Person(); p.setK("a"); p.setV("v"); String json = toJSONAsString(p); Person np = jsonToObject(json,Person.class); System.out.println(np.getK()+"=="+np.getV()); }request取到值后，遍历数组，挨个转换 Person p = JSONUtils.jsonToObject(jsonArr[0], Person.class);Person类如下： public class Person { private String k; private String v; public String getK() { return k; } public void setK(String k) { this.k = k; } public String getV() { return v; } public void setV(String v) { this.v = v; } }有时候会出现问题，后台接收不到该值。解决办法： 设置jQuery.ajax的tradional属性$.ajax({ url: "/xxx", type: "GET", data: { "boxIds": boxIds, "boxType": 0, "time": new Date().getTime() }, traditional: true,//这里设置为true success: function(data) { //do sth... }});请求参数2这次参数不带”[]”了，并且后台可以成功接收到该数组。
使用jquery的jsonp如何发起跨域请求及其原理详解
前言本文主要给大家介绍的是关于jquery jsonp发起跨域请求及其原理的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：跨域的安全限制都是对浏览器端来说的，服务器端是不存在跨域安全限制的。浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。如果协议，端口和主机对于两个页面是相同的，则两个页面具有相同的源，否则就是不同源的。如果要在js里发起跨域请求，则要进行一些特殊处理了。或者，你可以把请求发到自己的服务端，再通过后台代码发起请求，再将数据返回前端。这里讲下使用jquery的jsonp如何发起跨域请求及其原理。先看下准备环境：两个端口不一样，构成跨域请求的条件。获取数据：获取数据的端口为9090请求数据：请求数据的端口为80801、先看下直接发起ajax请求会怎么样下面是发起请求端的代码：<%@ page pageEncoding="utf-8" contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>跨域测试</title> <script src="js/jquery-1.7.2.js"></script> <script> $(document).ready(function () { $("#btn").click(function () { $.ajax({ url: "http://localhost:9090/student", type: "GET", success: function (data) { $(text).val(data); } }); }); }); </script></head><body> <input id="btn" type="button" value="跨域获取数据" /> <textarea id="text" style="width: 400px; height: 100px;"></textarea></body></html>请求的结果如下图：可以看到跨域请求因为浏览器的同源策略被拦截了。2、接下来看如何发起跨域请求。解决跨域请求的方式有很多，这里只说一下jquery的jsop方式及其原理。首先我们需要明白，在页面上直接发起一个跨域的ajax请求是不可以的，但是，在页面上引入不同域上的js脚本却是可以的，就像你可以在自己的页面上使用<img src=""> 标签来随意显示某个域上的图片一样。比如我在8080端口的页面上请求一个9090端口的图片：可以看到直接通过src跨域请求是可以的。3、那么看下如何使用<script src="">来完成一个跨域请求：当点击"跨域获取数据"的按钮时，添加一个<script>标签，用于发起跨域请求；注意看请求地址后面带了一个callback=showData的参数；showData即是回调函数名称，传到后台，用于包裹数据。数据返回到前端后，就是showData(result)的形式，因为是script脚本，所以自动调用showData函数，而result就是showData的参数。至此，我们算是跨域把数据请求回来了，但是比较麻烦，需要自己写脚本发起请求，然后写个回调函数处理数据，不是很方便。<%@ page pageEncoding="utf-8" contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>跨域测试</title> <script src="js/jquery-1.7.2.js"></script> <script> //回调函数 function showData (result) { var data = JSON.stringify(result); //json对象转成字符串 $("#text").val(data); } $(document).ready(function () { $("#btn").click(function () { //向头部输入一个脚本，该脚本发起一个跨域请求 $("head").append("<script src="http://localhost:9090/student?callback=showData"></script>"); }); }); </script></head><body> <input id="btn" type="button" value="跨域获取数据" /> <textarea id="text" style="width: 400px; height: 100px;"></textarea></body></html>服务端：protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setCharacterEncoding("UTF-8"); response.setContentType("text/html;charset=UTF-8"); //数据 List<Student> studentList = getStudentList(); JSONArray jsonArray = JSONArray.fromObject(studentList); String result = jsonArray.toString(); //前端传过来的回调函数名称 String callback = request.getParameter("callback"); //用回调函数名称包裹返回数据，这样，返回数据就作为回调函数的参数传回去了 result = callback + "(" + result + ")"; response.getWriter().write(result);}结果：4、再来看jquery的jsonp方式跨域请求：服务端代码不变，js代码如下：最简单的方式，只需配置一个dataType:"jsonp" ，就可以发起一个跨域请求。jsonp指定服务器返回的数据类型为jsonp格式，可以看发起的请求路径，自动带了一个callback=xxx，xxx是jquery随机生成的一个回调函数名称。这里的success就跟上面的showData一样，如果有success函数则默认success()作为回调函数。<%@ page pageEncoding="utf-8" contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>跨域测试</title> <script src="js/jquery-1.7.2.js"></script> <script> $(document).ready(function () { $("#btn").click(function () { $.ajax({ url: "http://localhost:9090/student", type: "GET", dataType: "jsonp", //指定服务器返回的数据类型 success: function (data) { var result = JSON.stringify(data); //json对象转成字符串 $("#text").val(result); } }); }); }); </script></head><body> <input id="btn" type="button" value="跨域获取数据" /> <textarea id="text" style="width: 400px; height: 100px;"></textarea></body></html>效果：再看看如何指定特定的回调函数：第30行代码回调函数你可以写到<script>下(默认属于window对象)，或者指明写到window对象里，看jquery源码，可以看到jsonp调用回调函数时，是调用的window.callback。然后看调用结果，发现，请求时带的参数是：callback=showData；调用回调函数的时候，先调用了指定的showData，然后再调用了success。所以，success是返回成功后必定会调用的函数，就看你怎么写了。<%@ page pageEncoding="utf-8" contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>跨域测试</title> <script src="js/jquery-1.7.2.js"></script> <script> function showData (data) { console.info("调用showData"); var result = JSON.stringify(data); $("#text").val(result); } $(document).ready(function () {// window.showData = function (data) {// console.info("调用showData");//// var result = JSON.stringify(data);// $("#text").val(result);// } $("#btn").click(function () { $.ajax({ url: "http://localhost:9090/student", type: "GET", dataType: "jsonp", //指定服务器返回的数据类型 jsonpCallback: "showData", //指定回调函数名称 success: function (data) { console.info("调用success"); } }); }); }); </script></head><body> <input id="btn" type="button" value="跨域获取数据" /> <textarea id="text" style="width: 400px; height: 100px;"></textarea></body></html>效果图：再看看如何改变callback这个名称：第23行代码指定callback这个名称后，后台也需要跟着更改。<%@ page pageEncoding="utf-8" contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>跨域测试</title> <script src="js/jquery-1.7.2.js"></script> <script> function showData (data) { console.info("调用showData"); var result = JSON.stringify(data); $("#text").val(result); } $(document).ready(function () { $("#btn").click(function () { $.ajax({ url: "http://localhost:9090/student", type: "GET", dataType: "jsonp", //指定服务器返回的数据类型 jsonp: "theFunction", //指定参数名称 jsonpCallback: "showData", //指定回调函数名称 success: function (data) { console.info("调用success"); } }); }); }); </script></head><body> <input id="btn" type="button" value="跨域获取数据" /> <textarea id="text" style="width: 400px; height: 100px;"></textarea></body></html>后台代码：protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setCharacterEncoding("UTF-8"); response.setContentType("text/html;charset=UTF-8"); //数据 List<Student> studentList = getStudentList(); JSONArray jsonArray = JSONArray.fromObject(studentList); String result = jsonArray.toString(); //前端传过来的回调函数名称 String callback = request.getParameter("theFunction"); //用回调函数名称包裹返回数据，这样，返回数据就作为回调函数的参数传回去了 result = callback + "(" + result + ")"; response.getWriter().write(result);}效果图：最后看看jsonp是否支持POST方式：ajax请求指定POST方式可以看到，jsonp方式不支持POST方式跨域请求，就算指定成POST方式，会自动转为GET方式；而后端如果设置成POST方式了，那就请求不了了。jsonp的实现方式其实就是<script>脚本请求地址的方式一样，只是ajax的jsonp对其做了封装，所以可想而知，jsonp是不支持POST方式的。<%@ page pageEncoding="utf-8" contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>跨域测试</title> <script src="js/jquery-1.7.2.js"></script> <script> $(document).ready(function () { $("#btn").click(function () { $.ajax({ url: "http://localhost:9090/student", type: "POST", //post请求方式 dataType: "jsonp", jsonp: "callback", success: function (data) { var result = JSON.stringify(data); $("#text").val(result); } }); }); }); </script></head><body> <input id="btn" type="button" value="跨域获取数据" /> <textarea id="text" style="width: 400px; height: 100px;"></textarea></body></html>效果图：再补充一点，回到第一条：CORS头缺少“Access-Control-Allow-Origin” 。有时候你会发现其它都没问题，出现这个错误：这个错误代表服务端拒绝跨域访问。如果出现这个错误，就需要在服务端设置允许跨域请求。response.setHeader("Access-Control-Allow-Origin", "*"); 设置允许任何域名跨域访问设置可以跨域访问：第6行代码或第8行代码，设置其中一个即可。protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setCharacterEncoding("UTF-8"); response.setContentType("text/html;charset=UTF-8"); // * 表示允许任何域名跨域访问 response.setHeader("Access-Control-Allow-Origin", "*"); // 指定特定域名可以访问 response.setHeader("Access-Control-Allow-Origin", "http:localhost:8080/"); //数据 List<Student> studentList = getStudentList(); JSONArray jsonArray = JSONArray.fromObject(studentList); String result = jsonArray.toString(); //前端传过来的回调函数名称 String callback = request.getParameter("callback"); //用回调函数名称包裹返回数据，这样，返回数据就作为回调函数的参数传回去了 result = callback + "(" + result + ")"; response.getWriter().write(result);}总结jQuery ajax方式以jsonp类型发起跨域请求，其原理跟<script>脚本请求一样，因此使用jsonp时也只能使用GET方式发起跨域请求。跨域请求需要服务端配合，设置callback，才能完成跨域请求。好了，
jquery ajax获取后台request中的值 ，前台AJAX如下，后台如图
亲，后端写的不对，用out对象像浏览器写数据。不然拿不到！
jQuery内部原理和实现方式浅析
这段时间在学习研究jQuery源码，受益于jQuery日益发展强大，研究jQuery的大牛越来越多，学习的资料也比前两年好找了，有很多非常不错的资源，如高云的jQuery1.6.1源码分析系列。这些教程非常细致的分析了jQuery内部原理和实现方式，对学习和理解jQuery有非常大的帮助。但是个人认为很多教程对jQuery的整体结果把握不足，本人试图从整体来阐述一下jQuery的内部实现。大家知道，调用jQuery有两种方式，一种是高级的实现，通过传递一个参数实现DOM选择，如通过$(“h1″)选择所有的h1元素，第二种是较为低级的实现，如果通过$.ajax实现ajax的操作。那么，这两种方式到底有何不同？用typeof函数检测$(‘h1′)和$.ajax,类型分别为object和function，稍微学过jQuery的都知道或者听过过，前者返回的是一个jQuery对象，那么jQuery对象是什么，它和jQuery是什么关系呢？我们先来通过for(variin$(”))document.write(i+”:::”+$(“”)[i]+””);打印一下jQuery对象的属性和对应的值,可以看到它有100多个属性，通过console输入$(“*”)可以看到大部分属性是继承自jQuery原型的属性，jQuery对象实际上是这样一个对象:所以我们来推测，jQuery的实现可能是类似这样的：functionjQuery(){this[0]="SomeDOMElement";this[1]="SomeDOMElement";this[2]="SomeDOMElement";this.length=3;this.prevObject="SomeObject";this.context="SomeObject";this.selector="Someselector";}jQuery.prototype={get:function(){},each:function(){},......}这些代码通过new操作符就就能创建出拥有上述属性的jQuery对象,但是实际上我们调用jQuery创建jQuery对象时并没有使用new操作符，这是如何实现的呢？来看jQuery的实现:varjQuery=function(selector,context){//ThejQueryobjectisactuallyjusttheinitconstructor"enhanced"returnnewjQuery.fn.init(selector,context,rootjQuery);}jQuery.fn=jQuery.prototype={jquery:core_version,init:function(selector,context){//somecodereturnthis;}//somecodethere//......}jQuery.fn.init.prototype=jQuery.fn;这里有几点做得非常巧妙的地方,第一点是通过jQuery原型属性的init方法来创建对象来达到不用new创建对象的目的，第二点是对init方法内this指向的处理。我们知道，通过调用init返回一个jQuery的实例，那么这个实例就必须要继承jQuery.prototype的属性，那么init里面这个this,就继承jQuery.prototype的属性。但是init里面的this，受制于作用域的限制，并不能访问jQuery.prototype其它的属性，jQuery通过一句"jQuery.fn.init.prototype=jQuery.fn"把它的原型指向jQuery.fn,这样以来，init产生的jQuery对象就拥有了jQuery.fn的属性。到这里，一个jQuery的基本原型就浮出水面了。这里有两个对象，一个是jQuery这个构造函数，另外一个是这个构造函数产生的对象(我们称之为jQuery对象，它和普通对象没有什么区别),如下关系图:可以看到jQuery构造函数和jQuery.prototype均有各自的属性和方法，两者的调用方法各不一样,这两个对象都有一个extend方法，都是用来扩展自身的属性和方法，在jQuery内部，extend的实现实际是靠一样的代码,将在后面的源码分析中做以详细的分析。
ORACLE中对LOV进行多行的FETCH INTO 操作（QUERY）
在END LOOP;前面加 Next_Record; 把当前记录指向下一条就可以了
JS与jQuery判断文本框还剩多少字符可以输入的方法
本文实例讲述了JS与jQuery判断文本框还剩多少字符可以输入的方法。分享给大家供大家参考，具体如下：javascript部分：function $(id) { return document.getElementById(id);}var maxLen=255;function checkMaxInput(){ if($("summary").value.length>maxLen){ $("summary").value=$("summary").value.substring(0,maxLen); }else{ $("leaves").innerHTML=maxLen-$("summary").value.length; }}HTML部分：<tr> <td>摘要：</td> <td> <html:textarea property="summary" rows="5" cols="60" onkeyup="checkMaxInput()"/> <br> 还可以输入<span class="red" id="leaves">255</span>个字符 </td></tr>jQuery插件textlimit实现Javascript统计和限制字符个数功能使用jQuery插件textlimit可以实现统计和限制字符个数功能，可应用于文本框与文本区域，当输入文字时textlimit插件会及时统计当前文本框与文本区域中的字符个数，如果达到限制数则不允许输入，同时可设置字符删除速度，使用实例一、包含文件部分<script type="text/javascript" src="jquery.js"></script><script type="text/javascript" src="textlimit.js"></script>二、HTML部分<input type="text" name="test" value="" id="test" /><span>20</span>/256三、Javascript部分<script type="text/javascript">jQuery(document).ready(function(){jQuery("#test").textlimit("span",256);});</script>当在ID为test的文本框中输入文字时，textlimit插件统计当前输入字符个数并显示在一个span的元素中，如上效果图，textlimit接口如下：textlimit(counter_el, thelimit, speed)接口参数说明： counter_el表示显示当前统计个数的选择器标签，如：span thelimit表示限制个数，也就是最多可输入的个数，如：256 speed表示删除字符速度，默认为15，注意，如果不需要可设置为-1，但不能是0注意：英文字符与汉字字符都统计为一个字符textlimit插件统计和限制字符数非常简单，具体大家可以看看textlimit的库文件，非常值得推荐。/* * TextLimit - jQuery plugin for counting and limiting characters for input and textarea fields * * pass "-1" as speed if you don"t want the char-deletion effect. (don"t just put 0) * Example: jQuery("Textarea").textlimit("span.counter",256) * * $Version: 2009.07.25 +r2 * Copyright (c) 2009 Yair Even-Or * vsync.design@gmail.com*/(function(jQuery) { jQuery.fn.textlimit=function(counter_el, thelimit, speed) { var charDelSpeed = speed || 15; var toggleCharDel = speed != -1; var toggleTrim = true; var that = this[0]; var isCtrl = false; updateCounter(); function updateCounter(){ if(typeof that == "object") jQuery(counter_el).text(thelimit - that.value.length+" characters remaining"); }; this.keydown (function(e){ if(e.which == 17) isCtrl = true; var ctrl_a = (e.which == 65 && isCtrl == true) ? true : false; // detect and allow CTRL + A selects all. var ctrl_v = (e.which == 86 && isCtrl == true) ? true : false; // detect and allow CTRL + V paste. // 8 is "backspace" and 46 is "delete" if( this.value.length >= thelimit && e.which != "8" && e.which != "46" && ctrl_a == false && ctrl_v == false) e.preventDefault(); }) .keyup (function(e){ updateCounter(); if(e.which == 17) isCtrl=false; if( this.value.length >= thelimit && toggleTrim ){ if(toggleCharDel){ // first, trim the text a bit so the char trimming won"t take forever // Also check if there are more than 10 extra chars, then trim. just in case. if ( (this.value.length - thelimit) > 10 ) that.value = that.value.substr(0,thelimit+100); var init = setInterval ( function(){ if( that.value.length <= thelimit ){ init = clearInterval(init); updateCounter() } else{ // deleting extra chars (one by one) that.value = that.value.substring(0,that.value.length-1); jQuery(counter_el).text("Trimming... "+(thelimit - that.value.length)); } } ,charDelSpeed ); } else this.value = that.value.substr(0,thelimit); } }); };})(jQuery);PS：这里再为大家推荐两款相关在线工具供大家参考：字数统计工具：http://tools.jb51.net/code/zishutongji在线字符统计与编辑工具：http://tools.jb51.net/code/char_tongji更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript操作DOM技巧总结》及《JavaScript字符与字符串操作技巧总结》希望本文所述对大家JavaScript程序设计有所帮助。
高分求代码 用js或jquery实现表格行列转换，表格含合并的单元格
你好 这都不是模糊回答的问题 你的需求是啥 看不懂 原始表格如图 要改成啥样？
jQuery 合并单元格按id号合并而不是按单元格的内容合并，如何做？
看上面的代码，写法中有个规则：必须是相邻的才可以合并。所以你提出的按ID合并也必须是ID相同且相邻。把if (that != null && $(this).html() == $(that).html()) {改成if (that != null && $(this).attr("id") == $(that).attr("id")) {就可以了。
jQuery如何实现图片轮播
这篇文章主要介绍了jQuery实现的简单图片轮播效果,结合完整实例形式分析了jQuery结合时间函数与随机数运算操作页面元素动态变换相关实现技巧,具有不动方向滑动、淡入淡出等切换效果,代码非常简单实用,需要的朋友可以参考下本文实例讲述了jQuery实现的简单图片轮播效果。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html><head><title>jquery实现图片轮播效果</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><style>#lunbo{width: 600px;height: 300px;margin: 0 auto;overflow: hidden;}#pics{width: 600px;height: 300px;cursor: pointer;position: relative;}ul li{width: 600px;height: 300px;list-style: none;position: absolute;top: 0;left: 0;display: none;}img{width: 600px;height: 300px;}</style></head><body><p id="lunbo"> <ul id="pics"> <li style="display: inline;"><img src="http://pic.qiantucdn.com/58pic/14/60/54/32n58PICxE6_1024.jpg"></li> <li><img src="http://pic.qiantucdn.com/58pic/19/09/94/5678b76f75315_1024.jpg"></li> <li><img src="http://pic.qiantucdn.com/58pic/19/39/22/01D58PICFx7_1024.jpg"></li> <li><img src="http://pic.qiantucdn.com/58pic/19/11/08/5679490f4892d_1024.jpg"></li> <li><img src="http://pic.qiantucdn.com/58pic/18/44/26/5620690acb188_1024.jpg"></li> </ul></p><script type="text/javascript">$(document).ready(function(){ var oLi = $("li"); var liWidth = oLi.eq(0).width(); var liHeight = oLi.eq(0).height(); //每隔3秒进行轮播 var timer = setInterval(change,3000); //鼠标放置在图片上时停止轮播，移开时继续轮播 $("p").mouseover ( function(){ clearInterval(timer); }) $("p").mouseout (function(){ timer = setInterval(change,3000); }) //轮播函数 var prevIndex = 0,nextIndex = 1; function change(){ if (prevIndex == oLi.length-1 ) {//若当前图片是最后一张图片，下一张出现首张图片 nextIndex = 0; } var n = Math.floor(Math.random()*3); if (n == 0) { fade(prevIndex,nextIndex); } else if (n== 2) { slide(prevIndex,nextIndex); } else{ grap(prevIndex,nextIndex); } prevIndex = nextIndex; nextIndex ++; } //淡入淡出效果, function fade(prevIndex,nextIndex){ //传入当前显示图片以及下一张图片的索引 oLi.eq(prevIndex).fadeOut(1000); oLi.eq(nextIndex).fadeIn(1000); } //向左右滑动效果 function slide(prevIndex,nextIndex){ var rand = Math.floor(Math.random()*2); oLi.eq(nextIndex).show(); oLi.eq(nextIndex).css("z-index","-1"); if (rand) { //向左滑动 oLi.eq(prevIndex).animate({left: -liWidth},1000,fun); } else{ oLi.eq(prevIndex).animate({left: liWidth},1000,fun); } function fun(){ oLi.eq(prevIndex).css({"left":"0","display":"none"}); oLi.eq(nextIndex).css("z-index","1"); } } //收缩效果 function grap(prevIndex,nextIndex){ var rand = Math.floor(Math.random()*4); oLi.eq(nextIndex).show(); oLi.eq(nextIndex).css("z-index","-1"); switch (rand){ case 0://向左上角滑动 oLi.eq(prevIndex).animate({left: -liWidth,top: -liHeight},1000,function(){ oLi.eq(prevIndex).css({"left":"0","top": "0","display":"none"}); oLi.eq(nextIndex).css("z-index","1"); });break; case 1://向右上角滑动 oLi.eq(prevIndex).animate({left: liWidth,top: -liHeight},1000,function(){ oLi.eq(prevIndex).css({"left":"0","top":"0","display":"none"}); oLi.eq(nextIndex).css("z-index","1"); });break; case 2://向右下角滑动 oLi.eq(prevIndex).animate({left: liWidth,top: liHeight},1000,function(){ oLi.eq(prevIndex).css({"left":"0","top":"0","display":"none"}); oLi.eq(nextIndex).css("z-index","1"); });break; case 3://向左下角滑动 oLi.eq(prevIndex).animate({left: -liWidth,top: liHeight},1000,function(){ oLi.eq(prevIndex).css({"left":"0","top":"0","display":"none"}); oLi.eq(nextIndex).css("z-index","1"); });break; default:break; } } });</script></body></html>上面是我整理给大家的，希望今后会对大家有帮助。相关文章：Nuxt.js Vue服务端渲染摸索js中let和var定义变量的区别有哪些？veloticy-ui实现文字动画效果
jquery怎么取得select的数量
tion:eq(1)").val(); case2 ：$("#selectid option").each(function(i){alert("第"+(i+1)+"个值为"+$(this).val());})
jquery怎么实现移动端手指滑动事件
可以使用jQuery插件TouchSwipe-Jquery-Plugin来完成。$(function() { //Enable swiping... $("#test").swipe( { //Generic swipe handler for all directions swipe:function(event, direction, distance, duration, fingerCount, fingerData) { $(this).text("You swiped " + direction ); }, //Default is 75px, set to 0 for demo so any distance triggers swipe threshold:0 }); });希望对你有帮助，望采纳！
jquery中$.messager.confirm点关闭也提交
这是因为你提交绑定了"确定""关闭"2个按钮，要只绑定一个才行，另一个做该div的隐藏
Jquery 判断是不是 移动设备 浏览
(function(a){(jQuery.browser=jQuery.browser||{}).mobile=/(android|bbd+|meego).+mobile|avantgo|bada/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)/|plucker|pocket|psp|series(4|6)0|symbian|treo|up.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(a.substr(0,4))})(navigator.userAgent||navigator.vendor||window.opera);
jquery-ui datepicker 设置开始结束时间选择范围
这个只需设置minDate 和maxDate 就行了吧
使用jquery masonry如何设置第一个Div的宽度和其他循环出来的宽度不一样(大神在吗？)
你将<div class="Bigitem">改成<div class="item Bigitem">要把.item也加上去
Masonry jquery 为什么js字符串中的斜杠被自动替换掉了
用反斜杠“”试试,在windows系统中用来表示目录你的斜杠都被解释成双引号了，没遇到过这个问题如果还不行那就都用双引号，然后遇到url时反编译一下
使用jquery.masonry做瀑布流，但是为什么每次打开页面回重叠
你是说图片重叠把。瀑布流是需要在图片都加载完后，才出去初始化瀑布流插件。如果你直接在dom加载完去初始化，图片没加载完，会导致重叠。
jquery masonry 瀑布流怎么居中
jquery masonry 瀑布流居中itemSelector class选择器,默认".item"，这个表示每个块的选择器columnWidth 一列的宽度isAnimated 使用jquery的布局变化,默认trueanimationOptions animate属性渐变效果(Object { queue: false, duration: 500 })gutterWidth 列的间隙 IntegerisFitWidth 自适应浏览器宽度BooleanisResizableL 是否可调整大小 BooleanisRTL 使用从右到左的布局 Boolean
使用jquery.masonry做瀑布流，图片重叠
我们可以使用 jQuery 的 Masonry 插件来实现这种页面形式，下面介绍一下方法。1,分别下载 jQuery 与 Masonry ，然后把他们都加载到页面中使用。加载代码：<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script><script src="http://jq22.qiniudn.com/masonry-docs.min.js"></script>解释：很简单，就是把下载之后的脚本文件嵌入到你想使用瀑布流形式的页面中，注意文件的名称与路径，根据你自己的实际情况修改。2,页面代码<div id="masonry" class="container-fluid"> <div class="box"><img src="http://jq22.com/images/1.jpg"></div> <div class="box"><img src="http://jq22.com/images/2.jpg"></div> <div class="box"><img src="http://jq22.com/images/3.jpg"></div> <div class="box"><img src="http://jq22.com/images/4.jpg"></div> <div class="box"><img src="http://jq22.com/images/5.jpg"></div> ...</div>解释：把每个小内容块放在一个拥有相关类的容器里，然后把所有的内容块放在一个大的容器里，这里我们把内容块图片放在一个拥有 .box 类的 <div> 标签里，然后把他们又使用带有 #masonry ID 的 <div> 里面，一会儿我们会用 #masonry ID 和 .box 类来触发使用瀑布流。3,样式代码.container-fluid { padding: 20px; }.box { margin-bottom: 20px; float: left; width: 220px; } .box img { max-width: 100%}解释：针对第二步的页面代码，我们需要添加一点样式，.box 类我们添加了浮动属性，还设置了他的宽度。4，在页面中启用瀑布流形式的脚本代码$(function() { var $container = $("#masonry"); $container.imagesLoaded(function() { $container.masonry({ itemSelector: ".box", gutter: 20, isAnimated: true, }); });});<br>解释：这里我们首先定位想使用瀑布流的大容器是什么，这里就是带有 #masonry ID 的 <div> 标签，在 var $container = $("#masonry"); 这行代码中定义。然后我们还要说明瀑布流里的每个内容块容器上共同的类是什么，这里就是带有 .box 类的 <div> 标签，在itemSelector : ".box", 这行代码中定义。gutter: 20, 这行代码定义了内容块之间的距离是 20 像素，isAnimated: true, 这行代码可以打开动画选项，也就是当改变窗口宽度的时候，每行显示的内容块的数量会有变化，这个变化会使用一种动画效果。我的一个笨方法：$(function() { var $objbox = $("#masonry"); var gutter = 25; var centerFunc, $top0; $objbox.imagesLoaded(function() { $objbox.masonry({ itemSelector: "#masonry > .box", gutter: gutter, isAnimated: true }); centerFunc = function() { $top0 = $objbox.children("[style*="top: 0"]"); $objbox.css("left", ($objbox.width() - ($top0.width() * $top0.length + gutter * ($top0.length - 1))) / 2).parent().css("overflow", "hidden"); }; centerFunc(); }); var tur = true; $(window).resize(function() { if (tur) { setTimeout(function() { tur = true; centerFunc(); }, 1000); tur = false; } });});
pt-query-digest 可以分析general log中查询次数最多的sql语句吗
定期分析sqlserver日志是DBA很重要的任务,那如何才能查看sqlserver日志呢?在SQLServer7.0和SQLServer2000中，可以用下面的命令查看：DBCClog({dbid|dbname},[,type={0|1|2|3|4}]) 参数: Dbidordbname-任一数据库的ID或名字 type-输出结果的类型: 0-最少信息(operation,context,transactionid) 1-信息(plusflags,tags,rowlength) 2-非常详细的信息(plusobjectname,indexname,pageid,slotid) 3-每种操作的全部信息 4-每种操作的全部信息加上该事务的16进制信息 默认type=0 要查看MSATER数据库的事务日志可以用以下命令：DBCClog(master)释放日志空间1.清空日志 DUMPTRANSACTION库名WITHNO_LOG2.截断事务日志： BACKUPLOG数据库名WITHNO_LOG3.收缩数据库文件(如果不压缩,数据库的文件不会减小 企业管理器--右键你要压缩的数据库--所有任务--收缩数据库--收缩文件 --选择日志文件--在收缩方式里选择收缩至XXM,这里会给出一个允许收缩到的最小M数,直接输入这个数,确定就可以了 --选择数据文件--在收缩方式里选择收缩至XXM,这里会给出一个允许收缩到的最小M数,直接输入这个数,确定就可以了 也可以用SQL语句来完成 --收缩数据库 DBCCSHRINKDATABASE(客户资料) --收缩指定数据文件,1是文件号,可以通过这个语句查询到:select*fromsysfiles DBCCSHRINKFILE(1)4.为了最大化的缩小日志文件(如果是sql7.0,这步只能在查询分析器中进行) a.分离数据库: 企业管理器--服务器--数据库--右键--分离数据库 b.在我的电脑中删除LOG文件 c.附加数据库: 企业管理器--服务器--数据库--右键--附加数据库 此法将生成新的LOG，大小只有500多K 或用代码： 下面的示例分离pubs，然后将pubs中的一个文件附加到当前服务器。 a.分离 EXECsp_detach_db@dbname="pubs" b.删除日志文件 c.再附加 EXECsp_attach_single_file_db@dbname="pubs", @physname="c:ProgramFilesMicrosoftSQLServerMSSQLDatapubs.mdf"5.为了以后能自动收缩,做如下设置: 企业管理器--服务器--右键数据库--属性--选项--选择"自动收缩" --SQL语句设置方式: EXECsp_dboption"数据库名","autoshrink","TRUE"6.如果想以后不让它日志增长得太大 企业管理器--服务器--右键数据库--属性--事务日志 --将文件增长限制为xM(x是你允许的最大数据文件大小) --SQL语句的设置方式: alterdatabase数据库名modifyfile(name=逻辑文件名,maxsize=20)特别注意： 请按步骤进行,未进行前面的步骤,请不要做后面的步骤 否则可能损坏你的数据库. 一般不建议做第4,6两步 第4步不安全,有可能损坏数据库或丢失数据 第6步如果日志达到上限,则以后的数据库处理会失败,在清理日志后才能恢复.另外提供一种更简单的方法，建议大家使用。更简单的方法：1。右建数据库属性窗口--故障还原模型--设为简单2。右建数据库所有任务--收缩数据库3。右建数据库属性窗口--故障还原模型--设为大容量日志记录
jquery 怎么让输入框失去焦点
让别的地方获取焦点
jquery动态生成表格如何实现onblur时间，
动态生成的元素，请使用live()方法进行blur事件绑定。$("#table").live("blur",function(){.........});
jquery怎么给span赋值
$("# span的Id ").val("你要赋的值")
jquery解析json数据的问题
var john = eval("("+yourJsonData+")");for(key in john){ if(key==yourthing) { .... }}
jQueryUI如何自定义组件实现代码_jquery
如何开始使用 首先用$.widget()方法开始定义你的组件，它只接收三个参数：第一个是组件名称，第二个是可选的基类组件（默认的基类是$.Widget），第三个是组件的原型。 组件名称必须包含命名空间，要注意的是，官方组件的命名空间是以‘ui"开头的，比如:‘ui.tabs"。我在下面的用‘我"的拼音(‘wo")。 代码如下: $.widget("yourNamespace.yourWidgetName",[yourBaseWidget],yourWidgetPrototype) $.Widget基类含有一个重要的属性‘options"，它用来定义公有参数，组件初始化时外部调用的参数会覆盖内部定义的参数；以及三个重要的私有的方法‘_create"、‘_init"、‘"，前两个相当于构造函数的作用，按顺序执行，_create()方法执行之后会触发"create"事件。 _trigger()方法会将参数中的指定函数标准化为W3C事件，并且触发这个自定义事件。 另外还有三个公有方法‘enable"，‘disable"，‘destroy"，分别表示启用、禁用和销毁组件。 这里很有意思的，是私有方法和公有方法的实现。jQuerUI Widget暴露的方法都是不以‘_"开头的： 代码如下: // prevent calls to internal methods if ( isMethodCall && options.charAt( 0 ) === "_" ) { return returnValue; } 实际上，jQueryUI Widget还是保留了原始的API，比如这样使用： 代码如下: var $div = $(".demo:first"); var api = $div.data("divZoom"); // console.dir(api); api.zoomIn(); // 对比 $div.divZoom("zoomIn"); 一个实现完全私有变量的小技巧： 代码如下: (function($) { var privateVar = ""; $.widget("wo.divZoom",{}); })(jQuery) 所有代码 代码如下: /* * @by ambar * @create 2010-10-20 * @update 2010-10-25 */ (function($) { var html = " zoom in zoom out "; $.widget("wo.divZoom",{ _init : function() { var self = this, opt = self.options, tgt = opt.target, $el = self.element ; // 初始一次 if($("div.icon-zoom",$el).length) return; $el.append(html); self.target = ( tgt == "" ? $el : $el.find(tgt) ); // 检测初始值 var level = self.target.attr(opt.dataPrefix); self.target.attr(opt.dataPrefix,level || opt.level[0]); self.btnZoomIn = $el.find("span.zoom-in").click( $.proxy(self.zoomIn,self) ); self.btnZoomOut = $el.find("span.zoom-out").click( $.proxy(self.zoomOut,self) ); }, destroy : function(){ this.element.find("div.icon-zoom").remove(); }, options : { level : [120,160,200], target : "", speed : "normal", dataPrefix : "data-zoom-level", zooming : null, select : null, show : null }, currentLevel : function(){ var self = this, opt = self.options, lvl = Number(self.target.attr(opt.dataPrefix)); return $.inArray(lvl,opt.level); }, zoomIn : function() { this.zoom(this.currentLevel() + 1); }, zoomOut : function() { this.zoom(this.currentLevel() - 1); }, zoom : function(i){ var self = this, opt = self.options,lvls = opt.level,$tgt = self.target; if( i=lvls.length ) return; var value = lvls[i], originalValue = lvls[self.currentLevel()], style = { width:value, height:value }; var data = { target : $tgt, css : style, originalCss : {width:originalValue,height:originalValue} }; var goon = self._trigger("start",null,data); if(!goon) return; $tgt.animate(style, { duration : opt.speed, step : function(val) { var css = { width:val, height:val }; self._trigger("zooming",null,$.extend({},data,{css:css})); }, complete : function(){ $tgt.attr(opt.dataPrefix,value); self._trigger("stop",null,data); } }); } }); })(jQuery) 在页面上调用 代码如下: $(function() { $("div.demo").divZoom({ target : ">a", level : [80,120,160,200], zooming : function(e,ui){ // console.log(e,ui.css); }, start : function(e,ui){ console.log("开始",this,e.type,ui); }, stop : function(e,ui) { console.log("结束",ui.css); } }); }); 示例代码： 代码如下:jQueryUI #receptacle{width:800px;height:500px;background:#cde;position:relative;} #receptacle .demo{width:80px;height:80px;position:absolute;} .demo .cont{width:80px;height:80px;display:block;background:#07a;} .demo-a{top:30px;left:122px;} .demo-b{top:100px;left:400px;} .icon-zoom { position:absolute; width:63px; height:20px; overflow:hidden; background:url(http://files.jb51.net/file_images/photoshop/201011/icon-zoom.png) no-repeat; cursor:pointer; } .icon-zoom span { width:20px; display:block; text-indent:-999em; float:left; } $(function() { $("div.demo").divZoom({ target : ">a", level : [80,120,160,200], zooming : function(e,ui){ // console.log(e,ui.css); }, start : function(e,ui){ console.log("开始",this,e.type,ui); }, stop : function(e,ui) { console.log("结束",ui.css); } }); }); 原文 a b
用js（最好jQuery） 重写confirm方法【js高手请进】
想知道天空为什么是蓝色的吗？
jquery 模拟 confirm 要求使用方法和 window.confirm 一样
jQuery easyui第三方插件，其中的Messager部分已经实现你的要求。
仿百度登陆弹窗的JS或者jquery代码 求详细
代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="autoSearch._Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> <link href="autoSearchText.css" type="text/css" rel="Stylesheet" /> <script src="jquery-1.5.1.min.js" type="text/javascript"></script> <%if (false){ %> <script type="text/javascript" src="jquery-1.5.1.js"></script> <%} %> <script src="jquery.autoSearchText.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $("#autoSearchText").autoSearchText({ width: 300, itemHeight: 150,minChar:1, datafn: getData, fn: alertMsg }); }); function alertMsg(vl){ alert("你将要搜索的关键字是： "+vl); } /*加载数据*/ function getData(val) { var arrData = new Array(); if (val != "") { $.ajax({ type: "post", async: false, //控制同步 url: "getData.ashx", data: "param=" + val, dataType: "json", cache: false, success: function(data) { for (var i = 0; i < data.length; i++) { if (val == data[i].Code.substring(0, val.length)) arrData.push(data[i].Code); } }, Error: function(err) { alert(err); } }); } return arrData; } </script> </head> <body> <form id="form1" runat="server"> <div> <input id="autoSearchText" type="text" value="请输入编码" enableviewstate="false"/> <br /> <input id="Text1" type="text" style=" display:none;"/> </div> </form> </body> </html> CSS： 复制代码代码如下:.autoSearchText{ border:solid 1px #CFCFCF; height:20px; color:Gray; } .menu_v{ margin:0; padding:0; line-height:20px; font-size:12px; list-style-type:none; } .menu_v li{ margin:0; padding:0; line-height:20px; font-size:14px; list-style-type:none; float:none; } .menu_v li span{ color:Red; } #autoSearchItem{ border:solid 1px #CFCFCF; visibility:hidden; position:absolute; background-color:white; overflow-y:auto; } JS： 复制代码代码如下:1 ///<reference path="jquery-1.5.1.js" /> 2 3 (function($) { 4 var itemIndex = 0; 5 6 $.fn.autoSearchText = function(options) { 7 //以下为该插件的属性及其默认值 8 var deafult = { 9 width: 200, //文本框宽 itemHeight: 150, // 下拉框高 minChar: 1, //最小字符数(从第几个开始搜索) datafn: null, //加载数据函数 fn: null //选择项后触发的回调函数 }; var textDefault = $(this).val(); var ops = $.extend(deafult, options); $(this).width(ops.width); var autoSearchItem = "<div id="autoSearchItem"><ul class="menu_v"></ul></div>"; $(this).after(autoSearchItem); $("#autoSearchItem").width(ops.width + 2); //设置项宽 $("#autoSearchItem").height(ops.itemHeight); //设置项高 $(this).focus(function() { if ($(this).val() == textDefault) { $(this).val(""); $(this).css("color", "black"); } }); var itemCount = $("li").length; //项个数 /*鼠标按下键时，显示下拉框，并且划过项时改变背景色及赋值给输入框*/ $(this).bind("keyup", function(e) { if ($(this).val().length >= ops.minChar) { var position = $(this).position(); $("#autoSearchItem").css({ "visibility": "visible", "left": position.left, "top": position.top + 24 }); var data = ops.datafn($(this).val()); initItem($(this), data); var itemCount = $("li").length; switch (e.keyCode) { case 38: //上 if (itemIndex > 1) { itemIndex--; } $("li:nth-child(" + itemIndex + ")").css({ "background": "blue", "color": "white" }); $(this).val($("li:nth-child(" + itemIndex + ")").find("font").text()); break; case 40: //下 if (itemIndex < itemCount) { itemIndex++; } $("li:nth-child(" + itemIndex + ")").css({ "background": "blue", "color": "white" }); $(this).val($("li:nth-child(" + itemIndex + ")").find("font").text()); break; case 13: //Enter if (itemIndex > 0 && itemIndex <= itemCount) { $(this).val($("li:nth-child(" + itemIndex + ")").find("font").text()); $("#autoSearchItem").css("visibility", "hidden"); ops.fn($(this).val()); } break; default: break; } } }); /*点击空白处隐藏下拉框*/ $(document).click(function() { $("#autoSearchItem").css("visibility", "hidden"); }); }; /*获取文本框的值*/ $.fn.getValue = function() { return $(this).val(); }; /*初始化下拉框数据,鼠标移过每项时，改变背景色并且将项的值赋值给输入框*/ function initItem(obj, data) { var str = ""; if (data.length == 0) { $("#autoSearchItem ul").html("<div style="text-align:center;color:red;">无符合数据<div>"); } else { for (var i = 1; i <= data.length; i++) { str += "<li><span>" + i + "/" + data.length + "</span> <font>" + data[i - 1] + "</font></li>"; } $("#autoSearchItem ul").html(str); } /*点击项时将值赋值给搜索文本框*/ $("li").each(function() { $(this).bind("click", function() { obj.val($(this).find("font").text()); $("#autoSearchItem").css("visibility", "hidden"); }); }); /*鼠标划过每项时改变背景色*/ $("li").each(function() { $(this).hover( function() { $("li:nth-child(" + itemIndex + ")").css({ "background": "white", "color": "black" }); itemIndex = $("li").index($(this)[0]) + 1; $(this).css({ "background": "blue", "color": "white" }); obj.val($("li:nth-child(" + itemIndex + ")").find("font").text()); }, function() { $(this).css({ "background": "white", "color": "black" }); } ); }); }; })(jQuery); getdata.ashx 复制代码代码如下:using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Services; namespace table { /// <summary> /// $codebehindclassname$ 的摘要说明 /// </summary> [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] public class getData : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.Clear(); string value = GetResult(); context.Response.Write(value); context.Response.End(); } private string GetResult() { string result = string.Empty; result = @" [{""id"":""1"",""Code"":""1374123""}, {""id"":""2"",""Code"":""1374133""}, {""id"":""3"",""Code"":""1374143""}, {""id"":""4"",""Code"":""1374153""}, {""id"":""5"",""Code"":""1374163""}, {""id"":""6"",""Code"":""1374173""}, {""id"":""7"",""Code"":""1374183""}, {""id"":""8"",""Code"":""1374193""}, {""id"":""9"",""Code"":""1374213""}, {""id"":""10"",""Code"":""1374223""}, {""id"":""11"",""Code"":""1374233""}, {""id"":""12"",""Code"":""1374243""}, {""id"":""13"",""Code"":""1374253""}, {""id"":""14"",""Code"":""1374263""}, {""id"":""15"",""Code"":""1374273""}, {""id"":""16"",""Code"":""1374283""}, {""id"":""17"",""Code"":""1374293""}, {""id"":""18"",""Code"":""1374313""}, {""id"":""19"",""Code"":""1374323""}, {""id"":""20"",""Code"":""1374333""}, {""id"":""21"",""Code"":""1374343""}, {""id"":""22"",""Code"":""1374353""}, {""id"":""23"",""Code"":""1374363""}, {""id"":""24"",""Code"":""1374373""}, {""id"":""25"",""Code"":""1374383""}, {""id"":""26"",""Code"":""1374393""}, {""id"":""27"",""Code"":""1374403""}, {""id"":""28"",""Code"":""1374413""}, {""id"":""29"",""Code"":""1374423""}, {""id"":""30"",""Code"":""1374433""}, {""id"":""31"",""Code"":""1374443""}, {""id"":""32"",""Code"":""1374453""}, {""id"":""33"",""Code"":""1374463""}, {""id"":""34"",""Code"":""1374473""}, {""id"":""35"",""Code"":""1374483""}, {""id"":""36"",""Code"":""1374493""}]"; return result; } public bool IsReusable { get { return false; } } } }
jQuery EasyUI是否有自己的查询结果的报表打印功能
easyui 的强大之处就是各种数据展示很方便，datagrid就可以吧。
thymeleaf 和 jquery 哪个好
不是同一个东西 ，一个是前端模板框架 一个是javascript框架。thymeleaf 和jsp velocity freemarker 是一类功能jquery 和vue angularjs等一类功能
使用jQuery如何实现菜单添加移除功能
本文通过实例代码给大家分享了jQuery 实现左右两侧菜单添加、移除功能，需要的朋友参考下吧效果图：JS代码 function toRight(l, r, v) { $("#" + l + " option:selected").appendTo("#" + r); $("#" + l + " option:selected").remove(); var str = $("#" + l + " option").map(function () { return $(this).val(); }).get().join(", ") $("#" + v).val(str); } function allToRight(l, r, v) { $("#" + l + " option").appendTo("#" + r); $("#" + l + " option").remove(); var str = $("#" + l + " option").map(function () { return $(this).val(); }).get().join(", ") $("#" + v).val(str); } function toLeft(l, r, v) { $("#" + r + " option:selected").appendTo("#" + l); $("#" + r + " option:selected").remove(); var str = $("#" + l + " option").map(function () { return $(this).val(); }).get().join(", ") $("#" + v).val(str); } function allToLeft(l, r, v) { $("#" + r + " option").appendTo("#" + l); $("#" + r + " option").remove(); var str = $("#" + l + " option").map(function () { return $(this).val(); }).get().join(", ") $("#" + v).val(str); }html代码<p class="easyui-layout" data-options="fit:true"> <p data-options="region:"west",split:false" style="width:40%;padding:0px"> <h3 style="padding:5px; border-bottom:1px solid #DDDDDD;">::已授权权限::</h3> <p data-options="region:"center"" style="padding:3px; height:215px;" border="false"> <select multiple="multiple" id="menuFunc" style="width:100%;height:100%"> </select> <input type="hidden" name="func" id="func" value="" /> </p> </p> <p data-options="region:"east"" style="width:40%;padding:0px"> <h3 style="padding:5px;border-bottom:1px solid #DDDDDD;">::未授权权限::</h3> <p data-options="region:"center"" style="padding:3px; height:215px;" border="false"> <select multiple="multiple" id="menuFuncBase" style="width:100%;height:100%"> </select> </p> </p> <p data-options="region:"center"" style="padding:40px; width: 197px; height:230px;line-height:40px; text-align:center;"> <a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="button button-primary button-rounded button-small" onclick="toLeft("menuFunc","menuFuncBase","func")" > < </a><br /> <a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="button button-primary button-rounded button-small" onclick="allToLeft("menuFunc","menuFuncBase","func")" ><<</a><br /> <a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="button button-caution button-rounded button-small" onclick="toRight("menuFunc","menuFuncBase","func")" > > </a><br /> <a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="button button-caution button-rounded button-small" onclick="allToRight("menuFunc","menuFuncBase","func")">>></a><br /> </p> </p>上面是我整理给大家的，希望今后会对大家有帮助。相关文章：在angularjs中如何实现分页和搜索功能在Nodejs中有关crypto模块安全知识（详细教程）在Angular中如何实现下拉框模糊查询功能
如何使用jquery的submit函数判断是否提交成功
submit只是表单提交时的验证事件，无法获取提交是否成功return false阻止表单提交，自己写ajax提交表单内容$("#xxx").submit(function () { $.ajax({ type: "POST", data: $(this).val(), url: "xxxx", success: function () { //... }, error: function (xhr) { //... } }); return false; });
如何使用jquery的submit函数判断是否提交成功
submit 不是用来查看提交是否成功的submit是用来在提交之前用js检查form内的值是否合乎预期因为提交就只是将资料送出，成功与否要看後台判断资料是否正确，在前端是无法检查的而jquery的submit 只是调用DOM的 onsubmit 而已是没有办法写回调的如果要使用回调来查看返回的值的话要使用ajaxSubmit来接收提交之後返回的response再判断返回的值
JQuery的submit事件
提交表单是一个最常见的业务需求，比如用户注册，一些信息的输入都是需要表单的提交。同样的有时候开发者需要在表单提交的时候过滤一些的数据、做一些必要的操作（例如：验证表单输入的正确性，如果错误就阻止提交，从新输入）此时可以通过submit事件，监听下提交表单的这个动作。 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，用的比较少。 绑定 ele元素触发点击操作会执行回调 handler函数。 使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题。 通过在<form>元素上绑定submit事件，开发者可以监听到用户的提交表单的的行为。 当某些表单元素获取焦点时，敲击Enter（回车键） 上述这些操作下，都可以截获submit事件。 form元素是有默认提交表单的行为，如果通过submit处理的话，需要禁止浏览器的这个默认行为， 传统的方式是调用事件对象 e.preventDefault() 来处理， jQuery中可以直接在函数中最后结尾return false即可。 jQuery处理如下： 运行效果：
这样用jquery截取字符串，得到特定字符
不推荐用正则表达式，建议使用字符串的两个方法：substr或subtringvar from = "abcdefg";var to = from.substr(1,3); //表示从1位开始截取后面的3个字符，"bcd"to = from.substring(1,3); //表示从1位开始截取到3位，"bc"所以你上面的代码可以这样写 var string = "登录失.....ipt>";to = string.substr(0, 13); 如果一定要用正则，那么这样写to = from.match(/bcd/); //返回一个匹配到的数组，["bcd"]所以,to = string.match(/登录失败，您还可以尝试 d+ 次/);if(to!==null) { alert(to[0]);}
jquery如何使用setTimeout
直接在<script>setTimeout("调用的方法名"，1000); </script>
jquery如何判断一个文件是否存在，求关键代码。
这是由于load加载时并不是同步的，是异步的。在你点击执行load时，在load异步处理还没完成时，当然，就是调出了原来#show的内容了，当你第二次当点击时，原来第一次点击的load异步已经完成了，DOM内容已经改了，这时显示的，就是load的内容了。你应该加个回调函数，来判断是否已经加载完成了。$("#show").load("DaiMaTiShi.asp",function(){alert($("#show").text());});这样的意思是，当DaiMaTiShi.asp页面内容load完成后，执行function，即alert#show的内容了
使用Jquery+Ajax+Json如何实现分页显示附JAVA+JQuery实现异步分页
先给大家展示下运行效果图： 1.后台action产生json数据。List blackList = blackService.getBlackInfoList(mobileNum, gatewayid, startDate, endDate); int totalRows = blackList.size(); StringBuffer sb = new StringBuffer(); sb.append("{"totalCount":""+totalRows+"","); sb.append(""jsonRoot":["); for (int i=0;i<blackList.size();i++) { LBlack blackInfo = (LBlack)blackList.get(i); sb.append("{"id":""+ blackInfo.getId()); sb.append("","); sb.append(""mobile":""+ blackInfo.getMobile()); sb.append("","); sb.append(""province":""+ blackInfo.getProvince()); sb.append("","); sb.append(""gateway":""+ blackInfo.getGateway()); sb.append("","); sb.append(""insertTime":""+ blackInfo.getInsertTime()); sb.append("","); sb.append(""remark":""+ blackInfo.getRemark()); sb.append("""); sb.append("},"); } sb.deleteCharAt(sb.lastIndexOf(",")); // 删去最后一个逗号 sb.append("]}"); HttpServletResponse response = ServletActionContext.getResponse(); response.setContentType("text/plain"); response.getWriter().print(sb); 2.struts.xml相关配置<action name="blackList" class="blackAction" method="blackList"> <!--plaintext用于显示页面原始代码的结果类型--> <result type="plainText"> <param name="charSet">UTF-8</param> <param name="location">/WEB-INF/jsp/manage/black.jsp</param> </result></action>3.js获取json数据分页显示function getJSONData(pn) { // alert(pn); $.getJSON("blackList.ce", function(data) { var totalCount = data.totalCount; // 总记录数 var pageSize = 10; // 每页显示几条记录 var pageTotal = Math.ceil(totalCount / pageSize); // 总页数 var startPage = pageSize * (pn - 1); var endPage = startPage + pageSize - 1; var $ul = $("#json-list"); $ul.empty(); for (var i = 0; i < pageSize; i++) { $ul.append("<li class="li-tag"></li>"); } var dataRoot = data.jsonRoot; if (pageTotal == 1) { // 当只有一页时 for (var j = 0; j < totalCount; j++) { $(".li-tag").eq(j).append("<span class="col1"><input type="checkbox" value=""+parseInt(j + 1)+""/></span>") .append("<span class="col2">" + parseInt(j + 1) + "</span>").append("<span class="col3">" + dataRoot[j].mobile + "</span>").append("<span class="col4">" + dataRoot[j].province + "</span>").append("<span class="col5">" + dataRoot[j].gateway + "</span>").append("<span class="col6">" + dataRoot[j].insertTime + "</span>").append("<span class="col7">" + dataRoot[j].remark + "</span>") } } else { for (var j = startPage, k = 0; j < endPage, k < pageSize; j++, k++) { if( j == totalCount){ break; // 当遍历到最后一条记录时，跳出循环 } $(".li-tag").eq(k).append("<span class="col1"><input type="checkbox" value=""+parseInt(j + 1)+""/></span>") .append("<span class="col2">" + parseInt(j + 1) + "</span>").append("<span class="col3">" + dataRoot[j].mobile + "</span>").append("<span class="col4">" + dataRoot[j].province + "</span>").append("<span class="col5">" + dataRoot[j].gateway + "</span>").append("<span class="col6">" + dataRoot[j].insertTime + "</span>").append("<span class="col7">" + dataRoot[j].remark + "</span>") } } $(".page-count").text(pageTotal); })}function getPage() { $.getJSON("blackList.ce", function(data) { pn = 1; var totalCount = data.totalCount; // 总记录数 var pageSize = 10; // 每页显示几条记录 var pageTotal = Math.ceil(totalCount / pageSize); // 总页数 $("#next").click(function() { if (pn == pageTotal) { alert("后面没有了"); pn = pageTotal; } else { pn++; gotoPage(pn); } }); $("#prev").click(function() { if (pn == 1) { alert("前面没有了"); pn = 1; } else { pn--; gotoPage(pn); } }) $("#firstPage").click(function() { pn = 1; gotoPage(pn); }); $("#lastPage").click(function() { pn = pageTotal; gotoPage(pn); }); $("#page-jump").click(function(){ if($(".page-num").val() <= pageTotal && $(".page-num").val() != ""){ pn = $(".page-num").val(); gotoPage(pn); }else{ alert("您输入的页码有误！"); $(".page-num").val("").focus(); } }) $("#firstPage").trigger("click"); })}function gotoPage(pn) { // alert(pn); $(".current-page").text(pn); getJSONData(pn)}$(function() { getPage();})ps：JAVA+JQuery实现异步分页最近一个项目要求实现异步分页，简单的写了一下，不好的请指出~/***分页类*/public class PageBean { publicint rowCount = 0; // 总记录数 publicint currentPage = 1;// 当前页数 publicint sizePerPage = 20;// 每页显示条数 publicint pageCount = 0;// 总页数 publicString pageURL;// 请求URL publicString pageDisplay;// JSP页面显示 publicString pageStyle = "numberStyle";// 分页样式 publicint pagePreOffset = 10;// 向前偏移量 publicint pageNextOffset = 9;// 向后偏移量 publicString pageCss;// 预留 publicString getPageCss() { returnpageCss; } publicvoid setPageCss(String pageCss) { this.pageCss = pageCss; } publicString getPageStyle() { returnpageStyle; } publicvoid setPageStyle(String pageStyle) { this.pageStyle = pageStyle; } publicint getPagePreOffset() { returnpagePreOffset; } publicvoid setPagePreOffset(intpagePreOffset) { this.pagePreOffset = pagePreOffset; } publicint getPageNextOffset() { returnpageNextOffset; } publicvoid setPageNextOffset(intpageNextOffset) { this.pageNextOffset = pageNextOffset; } publicString getPageDisplay() { String nextClick=" onclick="ajaxpage(""+this.pageURL+ "?currentPage=" + (this.currentPage + 1)+"");return false;" "; String preClick=" onclick="ajaxpage(""+this.pageURL+ "?currentPage=" + (this.currentPage - 1)+"");return false;" "; String firstClick=" onclick="ajaxpage(""+this.pageURL+ "?currentPage=1");return false;" "; String lastClick=" onclick="ajaxpage(""+this.pageURL+ "?currentPage=" + (this.getPageCount())+"");return false;" "; String onChange=" onchange="ajaxpage(""+this.pageURL+ "?currentPage=" + (1)+"");return false;" "; StringBuffer pageString =new StringBuffer(); pageString.append("<div class=""+ this.pageStyle +""><span >"); // 数字样式 if("numberStyle".equalsIgnoreCase(this.pageStyle)) { // 如果只有一页，不需要分页 if(this.getPageCount() ==1) { // pageString.append("<strong> 1</strong> "); }else { if(this.currentPage >1) {// 如果当前页数大于1，<< <可用 pageString.append("<a class="pagination-first" "+firstClick+" title="首页" href="" + this.pageURL +"?currentPage=1"><<</a> "); pageString.append("<a class="pagination-prev" "+preClick+"title="上一页" href="" + this.pageURL +"?currentPage=" + (this.currentPage -1) +""><</a> "); }else { pageString .append("<a class="pagination-first"><<</a> "); pageString .append("<a class="pagination-prev"><</a> "); } // 定义向前偏移量 intpreOffset = this.currentPage -1 > this.pagePreOffset ?this.pagePreOffset :this.currentPage -1; // 定义向后偏移量 intnextOffset = this.getPageCount() -this.currentPage >this.pageNextOffset ?this.pageNextOffset :this.getPageCount() -this.currentPage; // 循环显示链接数字，范围是从 当前页减向前偏移量 到 当前页加向后偏移量 for(int i = (this.currentPage - preOffset); i <= (this.currentPage + nextOffset); i++) { String numClick=" onclick="ajaxpage(""+this.pageURL+ "?currentPage=" + (i)+"");return false;" "; if(this.currentPage == i) {// 当前页要加粗显示 pageString .append("<strong style="color:black;border:0">" + i +"</strong> "); }else { pageString.append("<a "+numClick+"href=""+ this.pageURL +"?currentPage=" + i + "">" + i +"</a> "); } } // 如果当前页小于总页数，> >>可用 if(this.currentPage <this.getPageCount()) { pageString.append(&
Retrofit 2中@Path 和@Query的区别
初学thinkphp的时候，很多人都对execute()和query()方法的区别搞不懂，本文就此浅析二者的区别。大家都知道，thinkphp中execute()和query()方法都可以在参数里直接输入sql语句。但是不同的是execute()通常用来执行insert或update等sql语句，而query常用来执行select等语句。 execute()方法将返回影响的记录数，如果执行sql的select语句的话，返回的结果将是表的总记录数：代码如下:$model = m( mytable );$result = $model ->execute( "update mytable set name=aaa where id=11"); //将返回总行数query()方法将返回数据集：代码如下:$model = m( mytable );$result = $model ->query( "select * from mytable" ); //将返回array()
【Android】Retrofit网络请求参数注解，@Path、@Query、@QueryMap...
对Retrofit已经使用了一点时间了，是时候归纳一下各种网络请求的service了。 下面分为GET、POST、DELETE还有PUT的请求，说明@Path、@Query、@QueryMap、@Body、@Field的用法。 http://102.10.10.132/api/News http://102.10.10.132/api/News/1 http://102.10.10.132/api/News/ {资讯id} 或 http://102.10.10.132/api/News/1/ 类型1 http://102.10.10.132/api/News/ {资讯id}/{类型} http://102.10.10.132/api/News?newsId=1 http://102.10.10.132/api/News?newsId= {资讯id} 或 http://102.10.10.132/api/News?newsId=1&type= 类型1 http://102.10.10.132/api/News?newsId= {资讯id}&type={类型} http://102.10.10.132/api/News?newsId=1&type= 类型1... http://102.10.10.132/api/News?newsId= {资讯id}&type={类型}... 也可以 http://102.10.10.132/api/Comments/1 http://102.10.10.132/api/Comments/ {newsId} http://102.10.10.132/api/Comments/1?access_token=1234123 http://102.10.10.132/api/Comments/ {newsId}?access_token={access_token} http://102.10.10.132/api/Comments/1?access_token=1234123 http://102.10.10.132/api/Comments/ {newsId}?access_token={access_token} http://102.10.10.132/api/Comments/1 http://102.10.10.132/api/Comments/ {commentId} http://102.10.10.132/api/Comments/1?access_token=1234123 http://102.10.10.132/api/Comments/ {commentId}?access_token={access_token} http://102.10.10.132/api/Comments CommentBody ：需要提交的内容，与 Post 中的 Body 相同 http://102.10.10.132/api/Accounts/1 http://102.10.10.132/api/Accounts/ {accountId} @Path：所有在网址中的参数（URL的问号前面），如： http://102.10.10.132/api/Accounts/ {accountId} @Query：URL问号后面的参数，如： http://102.10.10.132/api/Comments?access_token= {access_token} @QueryMap：相当于多个@Query @Field：用于POST请求，提交单个数据 @Body：相当于多个@Field，以对象的形式提交 Tips
关于jquery中使用.val()，取不到值。为什么啊！
换个id 也许就行了
jQuery中val和value的区别
1.jQuery中的val()方法用来获取或设置输入框或者选择框的值 获取值： $("#text").val() 设置值： $("#text").val("value") 获取值： $("#select").val() 设置值： $("#select").val("select1") 获取值： $("#value").attr("value") 设定值： $("#value").attr("value","设定值")； 还可以直接给对象的value赋值 obj.value = "给obj设置value"；
jquery中的表单验证if($.sValid()){是不是写错了？$.valid()这样写表单木有反应，改肿么写？
if ($("表单").valid()){ $("表单").submit(); }
jquery validate 怎么根据条件添加验证 如：当java中if(a=0){ }else{ }
addMethod(name,method,message)方法：参数name 是添加的方法的名字参数method是一个函数,接收三个参数(value,element,param) value 是元素的值,element是元素本身param是参数,我们可以用addMethod 来添加除built-in Validation methods 之外的验证方法比如有一个字段,只能输一个字母,范围是a-f,写法如下:$.validator.addMethod(“af”,function(value,element,params){if(value.length>1){return false;}if(value>=params[0]&&value<=params[1]){return true;}else{return false;}},”必须是一个字母,且a-f”);用的时候,比如有个表单字段的id=”username”,则在rules 中写username:{af:["a","f"]}