前端技术学习
前端技术学习
醇醛酸酯
这个作者很懒,什么都没留下…
展开
-
如何在页面上同时使用 jQuery 和其他框架?
如何在页面上同时使用 jQuery 和其他框架?只需要使用jQuery中的noConflict()方法,它允许你在同一个页面加载多个jQuery实例,尤其是不同版本的jQuery。原因:jQuery 和其他 JavaScript 框架 正如您已经了解到的,jQuery 使用 $ 符号作为 jQuery 的简写。 如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办? 其他一些 Jav...转载 2018-03-06 11:26:31 · 162 阅读 · 0 评论 -
jQuery参考之其他
jQuery 杂项方法 方法 描述 data() 向被选元素附加数据,或者从被选元素获取数据 each() 为每个匹配元素执行函数 get() 获取由选择器指定的 DOM 元素 index() 从匹配元素中搜索给定元素 $.noConflict() 释放变量 $ 的 jQuery 控制权 $.param() 创建数组或对象的序列化表示形式(可在生成 AJAX 请求时用于 URL 查询字符串中) r...转载 2018-03-06 17:32:13 · 143 阅读 · 0 评论 -
jQuery 实现表单提交前检验元素值是否为空
jQuery 实现表单提交前检验元素值是否为空在<form>标签中添加 onsubmit="return checkForm()"<form class="form1" onsubmit="return checkForm()" action="user/add.action"> <div class="div1">原创 2018-02-28 17:35:09 · 14024 阅读 · 0 评论 -
jquery 实现input只输入数字及控制输入字数
id:<input type="text" name="id" id="id" ><span style="display:none;border:0" id="t1" >请输入数字</span><script type="text/javascript">$("原创 2018-02-27 17:26:47 · 12296 阅读 · 0 评论 -
jQuery参考之jQuery HTML / CSS 方法
jQuery HTML / CSS 方法 下面的表格列出了所有用于处理 HTML 和 CSS 的 jQuery 方法。下面的方法适用于 HTML 和 XML 文档。除了:html() 方法。方法 描述 addClass() 向被选元素添加一个或多个类名 after() 在被选元素后插入内容 ...转载 2018-03-06 16:51:32 · 132 阅读 · 0 评论 -
input隐藏变显示
<input type="text" style="display:none" name="t1" id="t1" value="请输入数字"><input type="button" value="按钮">这样是隐藏了$("button").click(function(){ $(原创 2018-02-27 14:57:12 · 8501 阅读 · 0 评论 -
jQuery参考之jQuery选择器
jQuery 选择器 请使用我们的 jQuery 选择器检测器 来演示不同的选择器。 选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 ...转载 2018-03-06 11:45:08 · 145 阅读 · 0 评论 -
jQuery 尺寸 方法
jQuery 尺寸 方法图解如下:width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。innerWidth() 方法返回元素的宽度(包括内边距)。innerHeight() 方法返回元素的高度(包括内边距)。outerWidth() 方法返回元素的宽度(包括内边距和边框)。outerHeight() 方法...转载 2018-03-06 09:18:50 · 163 阅读 · 0 评论 -
jQuery 遍历
一、jQuery 遍历 - 祖先1.向上遍历 DOM 树 这些 jQuery 方法很有用,它们用于向上遍历 DOM 树: parent()parents()parentsUntil()1.1 jQuery parent() 方法 parent() 方法返回被选元素的直接父元素。 该方法只会向上一级对 DOM 树进行遍历。1.2 jQuery parents() 方法 parents() 方法返回被...转载 2018-03-06 10:33:46 · 358 阅读 · 0 评论 -
jQuery - DOM 遍历
jQuery DOM 过滤方法下表列出了有用的方法,你可以用它来从 DOM 元素列表中过滤掉各种元素 ——序号方法 & 描述1eq( index )将一个匹配的元素集合减小为一个单个的元素。2filter( selector )从匹配的元素集合中删除与指定的选择器不匹配的元素。3filter( fn )从匹配的元素集合中删除与指定的函数不匹配的元素。4is( selector )检查表达式...转载 2018-03-06 09:36:59 · 163 阅读 · 0 评论 -
jQuery 常用方法参考
一:jQuery 属性操作方法下面列出的这些方法获得或设置元素的 DOM 属性。这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html()。方法描述addClass()向匹配的元素添加指定的类名。attr()设置或返回匹配元素的属性和值。hasClass()检查匹配的元素是否拥有指定的类。html()设置或返回匹配的元素集合中的 HTML 内容。removeAttr()从所有匹配的...转载 2018-03-02 15:32:36 · 112 阅读 · 0 评论 -
jQuery参考之jQuery 事件 方法
jQuery 事件方法 事件方法触发器或添加一个函数到被选元素的事件处理程序。 下面的表格列出了所有用于处理事件的 jQuery 方法。方法 描述 bind() 向元素添加事件处理程序bind() 方法向被选元素添加一个或多个事件处理程序,以及当事件发生时运行的函数。 自 jQuery 版本 1.7 起,on() 方法是向被选元素添加事件处理程序的首选方法。 blur() 添加/触发 blur 事...转载 2018-03-06 11:47:58 · 219 阅读 · 0 评论 -
jQuery ajax() 方法
一、jQuery ajax() 方法定义和用法 ajax() 方法用于执行 AJAX(异步 HTTP)请求。 所有的 jQuery AJAX 方法都使用 ajax() 方法。该方法通常用于其他方法不能完成的请求。以下例子使用 AJAX 请求改变 <div> 元素的文本:使用 AJAX 请求改变 <div> 元素的文本:$("button").click(function(...转载 2018-03-06 11:12:56 · 247 阅读 · 0 评论 -
JSTL fmt 格式化时间
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %><%@ taglib uri=&qu转载 2018-02-27 10:53:31 · 159 阅读 · 0 评论 -
前端jstl ftm格式化时间
添加jstl.jar和以下代码:<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%><%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%><fmt:formatDate value="${now}"原创 2018-02-27 10:50:36 · 405 阅读 · 0 评论 -
JavaScript之input值的回显
原意是想获取input的值,然后判断值的长度,如果不在3到6位之间就把值置为空,若如下代码实现不了:用户名:<input type="text" name="username" id="username" onblur="checkUsername()">function checkUsername(){ var x=document.getElementById("username...原创 2018-03-07 17:26:50 · 6872 阅读 · 0 评论 -
关于日期控件中使用change事件无效的解决方法
前端页面突然需要在选择时间后自动获取所选时间内的设备信息,我立刻写了一个change()方法,测试时发现没有触发原因是:change事件其实就是在元素获得焦点的时候,保存当前值,失去焦点的时候,会将当前值和原来保存起来的值进行比较,如果不同,则触发change事件。而在绑定了日期控件之后绑定change事件,其实文本框的值是一直没有改变的,所以不会触发。查询资料时有些网友说改日期控件,在日期控件触发确定按钮时调用自己写的自定义函数即可我这就不修改日期控件,使用以下方法即可:HTML:.原创 2021-02-02 09:57:58 · 4623 阅读 · 0 评论 -
JS 字符串Unicode编码的十进制与十六进制互转
具体函数如下: //转成十六进制的Unicode function strToHex(str){ var val=""; for(var i = 0; i < str.length; i++){ if(val == "") val = "\\u" +Number(str.charCodeAt(...原创 2018-12-03 15:40:22 · 4531 阅读 · 0 评论 -
JavaScript学习之知识点
1.重新声明 JavaScript 变量 如果重新声明 JavaScript 变量,该变量的值不会丢失:在以下两条语句执行后,变量 carname 的值依然是 "Volvo": var carname="Volvo";var carname;2.JavaScript 数据类型字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(...原创 2018-03-07 17:08:16 · 195 阅读 · 0 评论 -
JavaScript学习之标识符
JavaScript 标识符 和其他任何编程语言一样,JavaScript 保留了一些标识符为自己所用。JavaScript 同样保留了一些关键字,这些关键字在当前的语言版本中并没有使用,但在以后 JavaScript 扩展中会用到。JavaScript 标识符必须以字母、下划线(_)或美元符($)开始。后续的字符可以是字母、数字、下划线或美元符(数字是不允许作为首字符出现的,以便 JavaScr...转载 2018-03-07 10:59:35 · 197 阅读 · 0 评论 -
前端优化小知识
CSS高消耗属性在绘制前需要浏览器进行大量计算:box-shadowsborder-radiustransparencytransformsCSS filters(性能杀手)避免过分重排当发生重排的时候,浏览器需要重新计算布局位置与大小,更多详情。常见的重排元素:widthheightpaddingmargindisplayborder-widthpositiontopleftrightbotto...转载 2018-03-26 15:01:27 · 380 阅读 · 0 评论 -
动态添加的点击事件无效
动态添加checkbox按钮后点击事件无效<div class="row cl"> <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>答案:</label> <div class="f原创 2018-04-28 11:52:54 · 1241 阅读 · 0 评论 -
JavaScript学习之HTML DOM 对象
HTML DOM 事件HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。事件通常与函数结合使用,函数不会在事件发生前被执行!(如用户点击按钮)。提示: 在 W3C 2 级 DOM 事件中规范了事件模型。HTML DOM 事件DOM: 指明使用的 DOM 属性级别。鼠标事件属性描述DOMonclick当用户点击某个对象时调用的事件句柄。2oncontextmen...转载 2018-03-07 11:39:46 · 124 阅读 · 0 评论 -
javaScript学习之改变HTML内容
代码如下:<p id="demo">JavaScript 能改变 HTML 元素的内容。</p><script>function myFunction(){ x=document.getElementById("demo"); // 找到元素 x.innerHTML="Hello JavaScript!"; // 改变内容}<原创 2018-03-07 10:11:24 · 354 阅读 · 0 评论 -
jsp中radio的信息的数据回显
jsp中radio的信息的数据回显一 <c:if>标签加入jstl.jar,在jsp页面添加如下代码:<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>再添加radio元素<c:if test="${user.sex=='0'}"><input type="radio原创 2018-03-01 17:32:25 · 3394 阅读 · 0 评论