一、简介 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“Write Less, Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的cs...
最近在复习JQuery，发现自己还没写过一个插件。在写插件之前，觉得开发插件是高端上档次的事，跟我这种小菜不搭边啊。不过在网上查了相关资料，发现开发插件其实是很简单的。在这里我将说明JQuery插件常用的写法，以及这些插件的常用场景。 希望对大家有所帮助。先准备了自己以前写过的一个火车票列表的页面，点击"设置样式与事件"出现以下效果。 这页面效果直接用Js代码实现的，那么在这里我们用插件的方法实现以上效果。 页面...
当选择表达式不符合快速匹配(id,tag,class)和原生QSA不可用或返回错误时,将调用select(selector, context, results, seed)方法,此方法迭代DOM选择、过滤元素,在DOM树非常大的时候为了保证效率,应该保证html设计的合理,尽量使用可快速匹配(id,tag,class)的表达式,其次是QSA支持的选择器，尽量不要使用jquery扩展的selector和嵌套selector,然后是尽量不要使用位置伪类(它是从左向右查找,需要多次循环内套循环遍历),还有要尽量缩小con...
背景：自己做了一个测试网页，想动态添加表格，然后删除，按照网上的教程写完，发现点击"删除参数"按钮没用 源码：function addtr() {var trinfo = "<tr><td><input placeholder=‘参数名称‘ style=‘width: 80%‘></td>" +"<td><input placeholder=‘参数值‘ style=‘width: 70%‘><button id=‘delete-btn‘ onclick=‘removetr(event)‘>删除参数</button></td></tr>";$("#keytable").append(trinfo); }function removetr() {...
加载jQuery1.坚持使用CDN来加载jQuery，这种别人服务器免费帮你托管文件的便宜干嘛不占呢。点击查看使用CDN的好处，点此查看一些主流的jQuery CDN地址。<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><script>window.jQuery || document.write(‘<script src="js/jquery-1.11.0.min.js" type="text/javascript"><\/script>‘)</script>2.安全起见，最好还是提供一个...
jQuery 中文API文档 http://jquery.cuishifeng.cn/jQuery 取出数组字典的值<head><meta charset="UTF-8"><title>Title</title><script src="jquery-3.3.1.min.js"></script> </head> <body> <script>li = [1, 2, 3, 4, 5]$.each(li, function(i, x){console.log(i, x) // i 为索引，x为 value})dic={name:"yuan", sex:"male"}$.each(dic, function(i, x){console.log(i,x) // i 为...
JQuery的选择器: jquery就是通过jquery包装Dom对象后产生的对象 jquery对象是jquery独有的,如果一个对象是jquery对象,那么就可以使用jquery里的方法 jquery就是js的类库. jquery的引入<script src="jquery.js" ></script>js与jq相互转换 DOM对象是否可以调用JQuery对象上支持的方法 alert(document.getElementById(“dv”).html()); 不支持 JQuery对象是否可以调用DOM对象上支持的方...
<H1 style=‘border-style: none none solid; font: 900 2.88em/72px "Trebuchet MS", Arial, "Lucida Grande", Verdana, Lucida, Helvetica, sans-serif; margin: 0.4em 0px 0.2em; padding: 0px 0px 0.2em; text-align: left; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: -0.03em; text-decoration: none; word-spacing: 2.4px; border-bottom-color: rgb(211, 211, 211); border-bottom-wid...
用jQuery的插件密码校验：html和js代码：<!DOCTYPE html> <html lang="zh" xmlns:th="http://www.thymeleaf.org" > <head><th:block th:include="include :: header(‘修改用户密码‘)" /><th:block th:include="include :: select2-css" /><meta charset="UTF-8"> </head> <body class="white-bg"><div class="wrapper wrapper-content animated fadeInRight ibox-content"><form class="form-horizontal m" id="form-user-resetP...
JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构，可以如下使用： var newSrc=$.ext...
async在jquery ajax中是一个同步参数了，我们下面来给大家介绍在jquery ajax中使用async时碰到的一些问题与方法介绍，希望例子能给各位同学带来一些帮助哦。 async默认是true, 即为异步方式, $.Ajax执行后, 会继续执行ajax后面的脚步, 直到服务器端返回数据后, 触发$.Ajax里的success方法. 这时候执行的是两个线程.var temp; $.ajax({ async: false, type : "POST", url : defaultPostData.url, dataType : ‘json‘, success : fu...
以选择table中的第一列为例: 方式1： $("table tr").find("td:first").html("first column");//错误写法：$("table tr td:first").html("first column");方式2：$("table tr").each(function(){ $(this).find("td:eq(0)").html("first column"); });方式3：$("table tr td:first-child").html("first column"); 方式4：$("table tr td:nth-child(1)").html("first column"); [扩展] //选择最后一列$("table tr td:last-child").ht...
渐进式返回顶部 原文：https://www.cnblogs.com/lzcblog/p/10340172.html
jQuery EasyUI 窗口 – 创建简单窗口创建一个窗口（window）非常简单，我们创建一个 DIV 标记：<div id="win" class="easyui-window" title="My Window" style="width:300px;height:100px;padding:5px;">Some Content. </div> 现在运行测试页面，您会看见一个窗口（window）显示在您的屏幕上。我们不需要写任何的 javascript 代码。如果您希望创建一个隐藏的窗口（window），记得设置 ‘closed‘ 属性为 ‘true‘ 值，您可以调用 ‘...
比如设置table的id为tabvar trHTML = "<tr><td>...</td></tr>"$("#tab").append(trHTML);//在table最后面添加一行$("#tab tr:eq(2)").after(trHTML); // 在table的第3行后面添加一行这样就可以进行动态的添加行了，至于你是通过什么事件来动态添加那就看你自己的意思了，通过button或者div之类的点击事件添加，只要把上面的两行代码放进去就ok，注意，要把var trHTML那行代码放进添加事件里面，不然不管点击多少下，都只能添加一行...