jquery
文章平均质量分 86
罗小树
这个作者很懒,什么都没留下…
展开
-
jquery获取table的指定列
比如有个table(id为userTable)获取第1列的所有td:$("#userTable").find("tr").find("td:eq(0)")或者$("#userTable tr").find("td:eq(0)")获取第3列的所有td:$("#userTable").find("tr").find("td:eq(2)")或者$("#userTable ...原创 2019-12-24 19:19:43 · 6311 阅读 · 0 评论 -
浏览器打印方法总结
原文链接:https://www.cnblogs.com/sese/p/9057531.html1. 调用浏览器自带的打印方法2.用printThis插件实现局部打印转载 2019-11-15 16:48:24 · 415 阅读 · 0 评论 -
jquery的position和offset方法
这里举个例子,jquery怎么计算的可以跟下源码(后续有空可能会专门介绍下)。我从页面以及css入手,自己计算结果,只是借用下jquery的position和offset方法来验证下结果;一方面深入理解css的盒子模型(例子中采用传统的content-box),另一方面,熟悉jquery方法的作用<!doctype html><html lang="en"><...原创 2019-08-17 13:56:42 · 469 阅读 · 0 评论 -
在原有元素后追加新元素,但是追加时会先移除掉加过的元素再重新添加
一、需要实现的效果,如下图显示点击按钮前点击按钮后二、代码实现思路:每次添加的时候需要对刚刚追加的元素保存到一个变量中(写法1),或者给刚刚追加的元素添加标记(如id这种唯一性标识)(写法2)写法1:<html><head> <meta charset="UTF-8"> <script type="text/java...原创 2018-11-15 13:35:46 · 2271 阅读 · 0 评论 -
jquery鼠标移入变色移出恢复
一、需求说明现需要对一个表格的内容部分做下高亮处理:当鼠标放到这一行时,背景色发生改变;当鼠标移出这一行时,恢复这一行的原有背景色。如下图,原来是除了首行以外,带序号的内容部分,奇偶行背景色交替变化,当鼠标放到第1行时,看到下图的样式,移出该行后,恢复原样。二、代码实现table及样式部分:<style type="text/css"> #studentTabl...原创 2018-10-02 20:55:20 · 17260 阅读 · 0 评论 -
javascript中判断逗号分隔的数字中是否包含指定数字
现在我有一个变量,里面维护了数值和类别的对应关系var numberType = {"1":"AType", "2,3,4":"BType", "5,6,7,8":"CType", "9,10,11,12,13":"DType"};比如,传入一个值“1”,函数返回对应类别“AType”;传入一个值“2”,函数返回对应类别“BType原创 2018-08-02 23:48:25 · 2945 阅读 · 0 评论 -
获取跨iframe的元素
一、页面设计及需求说明现有一个主页mainPage.html,其中有两个iframe为Aframe和Bframe。其中按钮B是负责Bframe页面的数据查询现在需要实现:点击Aframe中的按钮A,就能点击Bframe的按钮B。(说明:在实际业务中,可能Aframe中的按钮进行了一部分业务操作,使得Bframe中的数据发生了改变,但不想重新请求整个Bframe,这时就需要获取到Bframe中的按钮...原创 2018-07-15 22:09:01 · 5141 阅读 · 0 评论 -
jquery遍历字符串数组
var strArr = ["111", "222", "333"];// 只打印元素$.each(strArr, function(){ console.log(this);});// 打印索引和元素$.each(strArr, function(i, item){ console.log(i, item);});参考链接:https://www.cnblogs.com/z...原创 2018-07-17 00:36:24 · 2881 阅读 · 0 评论 -
动手写一个简单的jquery图片预览插件
一、需求说明效果如图:二、代码实现项目结构如图:example.html<!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/...原创 2018-06-24 21:38:30 · 1229 阅读 · 0 评论 -
jquery 1.8 bug outer Height/Width not working
原文链接:https://stackoverflow.com/questions/12093806/jquery-1-8-outer-height-width-not-working$(this).outerHeight()返回结果是一个对象,而不是数字解决方法:使用$(this).outerHeight(false)...转载 2018-06-23 16:37:31 · 172 阅读 · 0 评论 -
jquery中的each跳出循环的方式
1.return true 相当于javascript中跳出本次循环(continue)2.return false 相当于javascript中跳出所在层的循环(break)原创 2018-06-14 15:39:40 · 1839 阅读 · 0 评论 -
jquery-1.8.3中的BUG typeError:elem.nodeName.toLowerCase is not a function
原文链接:https://blog.csdn.net/wttyzy/article/details/8565510ie和firefox一直遇到这个问题----------------------------------------------------------------------------------| typeError:elem.nodeName.toLowerCase is ...转载 2018-06-13 13:07:17 · 2116 阅读 · 0 评论 -
使用jquery进行多行表格数据验证
现有如下表单,是一个表格形式的。需要对名称、手机、邮箱这3列做校验,要求:如果该行的名称输错,则提示第几行的名称字段输入错误;后续的字段如果错误,不再进行校验页面html(tableValidate.html)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/...原创 2018-04-12 09:31:18 · 1876 阅读 · 0 评论 -
jQuery封装一个方法实现监控页面所有ajax请求
之前我转载了一篇文章(http://blog.csdn.net/u010999809/article/details/79427640),我在使用里面的代码后发现存在以下问题:1.这种写法重写了jQuery中的$.ajax,如果说页面本身用了iframe的形式设计的话,内部的页面第一次加载使用此方法可以正常运行,但是第二次加载内部页面的话,可能会造成jQuery相关的函数失效(报undefined...原创 2018-03-21 22:19:28 · 2590 阅读 · 0 评论 -
jQuery实现监控页面所有ajax请求的方法
本文实例讲述了jQuery实现监控页面所有ajax请求的方法。分享给大家供大家参考,具体如下:你是不是有遇到这样的问题:页面发起两个ajax请求,希望它们都成功以后,再做一个动作?很容易想到的解决方案是,等其中一个结束以后,再发起另外一个,这个过程用回调函数来完成。但是,如果其中一个ajax请求的代码不是你写,你改不了,怎么办?又或者说,你只想知道某个url请求什么时候结束,不想管其他的请求,怎么...转载 2018-03-03 00:25:38 · 4815 阅读 · 2 评论 -
JS改变input的value值不触发onchange事件解决方案
相关链接:http://blog.csdn.net/yuwq123/article/details/70655199https://www.cnblogs.com/aigeileshei/p/5682303.htmlhttps://segmentfault.com/q/1010000011651536转载 2018-03-06 22:08:47 · 2366 阅读 · 0 评论 -
open打开的新窗口给原窗口赋值
一、页面执行流程说明:1.点击原窗口test.jsp的“选择用户”按钮-->弹出“选择用户”新窗口(selectUserPage.jsp)里面用户列表初步信息是通过ajax请求到的userData.json数据获取到的(为简单起见,这里的ajax都是直接请求json数据,来模拟实现访问数据库;需要访问数据库,自己用servlet或配置框架即可)2.点击selectUserPage.原创 2017-10-15 01:33:31 · 2122 阅读 · 0 评论 -
如何处理jQuery选择器中的特殊符号
参考链接:http://blog.csdn.net/wql19881207/article/details/7415639一般情况下,在jQuery选择器中,我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符,因为根据W3C规定,HTML文档中属性的值是不能包含有这些个特殊字符的,但是在实际应用中,偶尔也会遇到表达式中含有“#”和“.”等特殊字符那么是如何处理这些个特殊字符的呢转载 2017-09-07 21:17:07 · 935 阅读 · 0 评论