随笔分类 -  jQuery

摘要:项目中发现要在iframe的弹框中获取父页面中的元素,我们可以按照如下代码操作:$(window.parent.document).find('selector').attr('XXX') 如果我们需要获取父页面的window对象,我们可以使用如下代码操作:window.parent.locatio 阅读全文
posted @ 2018-06-22 15:20 王甘林 阅读(10288) 评论(0) 推荐(0)
摘要:在项目中的textarea在是去焦点时对文本内容进行验证,这时候使用了blur方法,但是实现时blur的回调函数执行了两次,这里我也不知道为什么,然后就尝试先解除blur事件绑定,然后再绑定blur事件,代码如下:$('textarea').unbind('blur').bind('blur', f 阅读全文
posted @ 2018-06-22 15:14 王甘林 阅读(3390) 评论(1) 推荐(0)
摘要:niceScroll 是一个很好的jquery插件,相信很多人都用过,我们项目中使用的是3.7.6版本的,一般我们在开发的时候都是使用的火狐或者是谷歌浏览器,使用 niceScroll 没有什么问题,但是测试人员在项目的兼容性测试时发现 niceScroll 在 ie11 和 edge 上面滚动时会 阅读全文
posted @ 2017-09-13 10:19 王甘林 阅读(1726) 评论(0) 推荐(0)
摘要:1.做项目时因为客户要求改变了项目的整体样式,所以导致浏览器自带的滚动条样式与项目的样式风格格格不入,所以要使用一个滚动条插件来替换浏览器自带的滚动条,我在网上搜了下,发现niceScroll这个滚动条插件还是十分完善的,也有很多人使用,大家可以在github上下载:点击这里! 2.要使用滚动条插件 阅读全文
posted @ 2017-08-11 11:07 王甘林 阅读(4086) 评论(0) 推荐(1)
摘要:这是第一次使用zTree,所以在使用之前我要先写一个demo来学习一下。我们要注意的是,zTree是一个jQuery插件,所以我们在导入zTree的js文件之前要先导入jQuery的js文件。 我们先下载zTree,点击我跳转到一个网站进行下载 代码直接贴出来 之前我在点击test1_1这个节点的时 阅读全文
posted @ 2017-02-15 11:44 王甘林 阅读(5152) 评论(0) 推荐(0)
摘要:1. .wrap()方法:在每个匹配的元素外层包上一个html元素。 2. 有两种使用方法: .wrap(wrappingElement):其中wrappingElement可以是一个HTML片段,选择表达式,jQuery对象,或者DOM元素,用来包在匹配元素的外层。 <!DOCTYPE html> 阅读全文
posted @ 2017-01-05 16:26 王甘林 阅读(1439) 评论(0) 推荐(0)
摘要:1. jQuery.holdReady()方法:暂停或恢复.ready() 事件的执行。在$.holdReady()方法允许调用者延迟jQuery的ready事件。这种先进的功能,通常会被用来允许在 ready 事件发生之前,动态加载其它的 JavaScript,例如 jQuery 插件,即使 DO 阅读全文
posted @ 2017-01-03 17:28 王甘林 阅读(293) 评论(0) 推荐(0)
摘要:1. jQuery 1.7 版本中新增的 jQuery.Callbacks() 函数返回一个全能的对象,此对象对管理回调列表提供了强大的方式。它能够增加、删除、触发、禁用回调函数。 2. callbacks.add()方法:回调列表中添加一个回调或回调集合。如下代码: 代码效果展示: 3. call 阅读全文
posted @ 2017-01-03 15:55 王甘林 阅读(984) 评论(0) 推荐(0)
摘要:1.XML(eXtensible Markup Language)即可扩展标记语言,与HTML一样,都是SGML标准通用语言。语法如下: 任何起始标签都必须有一个结束标签。 可以采用另一种简化语法,即在一个标签中同时表示起始和结束标签。这种语法是在右边闭合尖括号之前紧跟一个斜线(/),例如<tag/ 阅读全文
posted @ 2017-01-03 09:37 王甘林 阅读(13521) 评论(1) 推荐(3)
摘要:1. .addClass()方法:为每个匹配的元素添加指定的样式类名。值得注意的是设个方法不会替换一个样式类名。他只是简单的添加一个样式类名到元素上。对所有匹配的元素可以一次添加多个用空格隔开的样式类名。像这样: 这个方法通常个.removeClass()方法一起使用,用来切换样式,像这样: 这是一 阅读全文
posted @ 2016-12-30 15:01 王甘林 阅读(299) 评论(0) 推荐(0)
摘要:1.ajax的快捷方法可以帮我们用最少的代码发送ajax请求。 2. $.get()方法:使用GET方式来进行异步请求。它的结构为:$.get( url [, data] [, calback] [, type] ) 载入成功时回调函数(只有当Response的会犯状态时success才调用 该方法 阅读全文
posted @ 2016-12-30 10:42 王甘林 阅读(578) 评论(0) 推荐(0)
摘要:1. $.ajax()方法:是jQuery最底层的Ajax实现。它的结构为:$.ajax(options)。该方法只有一个参数,但在这个对象里面包含了$.ajax()方法所需要的请求设置以及回调函数等信息,参数以key/value的形式存在,所有的参数都是可选的。 预期服务器返回的数据类型。如果不指 阅读全文
posted @ 2016-12-29 14:46 王甘林 阅读(1092) 评论(0) 推荐(0)
摘要:1.这些函数用于辅助完成Ajax任务。 2. jQuery.param()方法:创建一个数组或对象序列化的的字符串,适用于一个URL 地址查询字符串或Ajax请求。 我们可以显示一个对象的查询字符串 和一个相应的URI-decoded 版本,如下: recursiveEncoded 和 recurs 阅读全文
posted @ 2016-12-29 11:23 王甘林 阅读(299) 评论(0) 推荐(0)
摘要:1.这些方法用于注册事件处理器,用来处理页面上的任何 Ajax 请求,当某些事件触发后,这些事件处理器被调用。如果jQuery.ajaxSteup()中的 global 属性被设置为 true (这也是默认设置),那么,每个 Ajax 请求都会触发全局事件。注意:全局事件绝对不会被跨域(cross- 阅读全文
posted @ 2016-12-29 10:45 王甘林 阅读(9037) 评论(1) 推荐(1)
摘要:jQuery的属性与样式 (1).attr()与.removeAttr():每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息。 attr()有4个表达式 attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值 attr(属性名,函数值):设置 阅读全文
posted @ 2016-06-24 18:50 王甘林 阅读(165) 评论(0) 推荐(0)
摘要:jQuery选择器: 1.id选择器:通过id名来获取节点,id是唯一的,每个id在页面上只能使用一次。 $( "#id" ) 2.类选择器:通过class样式类名来获取节点 $( ".class" ) 3.元素选择器:根据给定(html)标记名称选择所有的元素 $( "element" ) 4.全 阅读全文
posted @ 2016-06-22 20:44 王甘林 阅读(135) 评论(0) 推荐(0)
摘要:1.jQuiery对象与DOM对象 对于刚刚接触jQuery的初学者,我们要清楚认识一点:jQuery对象与DOM对象是不一样的。可能一时半会分不清楚哪些是jQuery对象,哪些是DOM对象,下面重点介绍一下jQuery对象,以及两者相互间的转换。 下面举一个简单的例子: 使用原生的javascri 阅读全文
posted @ 2016-06-22 20:20 王甘林 阅读(203) 评论(0) 推荐(0)
摘要:老套路,最开始上手就是写一个“Hello world!”,使用jQuery后获取元素十分简单,如下面获取div的对象,原生的javascript代码:document.getElementsByTagName(div) 使用jQuery就是:$("div),是不是觉得简单很多。 阅读全文
posted @ 2016-06-18 17:31 王甘林 阅读(150) 评论(0) 推荐(0)
摘要:1.jQuery简介:JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。j 阅读全文
posted @ 2016-06-18 17:15 王甘林 阅读(202) 评论(0) 推荐(0)