代码改变世界

随笔分类 -  web---JavaScript---jQuery

jquery事件重复绑定

2017-02-01 00:24 by youxin, 1133 阅读, 收藏, 编辑
摘要: 本文实例分析了jQuery防止重复绑定事件的解决方法。分享给大家供大家参考,具体如下: 一、问题: 今天发现jQuery一个对象的事件可以重复绑定多次,当事件触发的时候会引起代码多遍执行。 下面是一个click事件被重复绑定的示例: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 f 阅读全文

jquery tooltip插件

2017-01-29 23:42 by youxin, 441 阅读, 收藏, 编辑
摘要: qtip2:http://qtip2.com/ bower install qtip2 // lowercase! 引入一个css和插件即可。 <script type="text/javascript" src="/path/to/jquery.qtip.js"></script> 如果需要更多的 阅读全文

Jquery 选择框插件Select2

2016-04-22 10:15 by youxin, 9 阅读, 收藏, 编辑
只有注册用户登录后才能阅读该文。 阅读全文

jquery获取自身元素的html

2016-03-21 18:23 by youxin, 28569 阅读, 收藏, 编辑
摘要: 在开发过程中,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然而我们有时候的确需要,可以通过jQuery.prop("outerHTML")的方式设置。 很多jQuery的使用者都对这一问题深感疑惑。为什么在众多方便的各种获取属性和设置属性的方法中就不能像D 阅读全文

jQuery Mobile 手动显示ajax加载器

2014-12-29 22:21 by youxin, 372 阅读, 收藏, 编辑
摘要: 在jquery mobile开发中,经常需要调用ajax方法,异步获取数据,如果异步获取数据方法由于网速等等的原因,会有一个反应时间,如果能在点击按钮后数据处理期间,给一个正在加载的提示,客户体验会更好一些。先看两个方法,显示和关闭,方法来自于参考:http://blog.csdn.net/zht6... 阅读全文

jquery datepicker日历控件

2014-12-10 22:26 by youxin, 1006 阅读, 收藏, 编辑
摘要: 地址:http://jqueryui.com/datepicker/使用:$( "#datepicker" ).datepicker();$.datepicker.setDefaults( settings ) - 全局设置日期选择插件的参数. $.datepicker.formatDate( fo... 阅读全文

jQuery deferred when用法

2014-10-28 14:25 by youxin, 982 阅读, 收藏, 编辑
摘要: 一、什么是deferred对象?开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异步的操作(比如ajax读取服务器数据),也有同步的操作(比如遍历一个大型数组),它们都不是立即能得到结果的。通常的做法是,为它们指定回调函数(callback)。即事先规定,一旦它们运行... 阅读全文

jquery index()方法

2014-10-09 21:03 by youxin, 2354 阅读, 收藏, 编辑
摘要: 搜索匹配的元素,并返回相应元素的索引值,从0开始计数。如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。 如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置。如果参数是一个选择器,那么返回值就是... 阅读全文

jquery ui autoComplete自动完成

2014-09-02 22:40 by youxin, 552 阅读, 收藏, 编辑
摘要: 官网:http://jqueryui.com/autocomplete最简单的形式: var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C+... 阅读全文

转:jquery选择器总结

2014-08-04 23:26 by youxin, 145 阅读, 收藏, 编辑
摘要: jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $("... 阅读全文

jquery ajax传递数组给php

2014-08-04 23:13 by youxin, 6497 阅读, 收藏, 编辑
摘要: 写成:var data = {'item[]':item}; $.post(url,data,function(return_data) 写成item:item会导致数据缺失。 更多:http://www.cnblogs.com/ini_always/archive/2011/12/17/22912 阅读全文

jquery serialize()、serializearray()已经$.param方法

2014-08-04 22:30 by youxin, 982 阅读, 收藏, 编辑
摘要: serialize:序列表表格内容为字符串,用于 Ajax 请求。可以对整个form,也可以只针对某部分。HTML 代码:Results: check1 check2 radio1 radio2jQuery 代码:$("#results").append( "" + $(... 阅读全文

PHP remove,empty和detach区别

2014-08-01 19:43 by youxin, 984 阅读, 收藏, 编辑
摘要: empty:把所有段落的子元素(包括文本节点)删除HTML 代码:Hello, Person and personjQuery 代码:$("p").empty();结果:remove:从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。... 阅读全文

jquery data方法

2014-08-01 19:28 by youxin, 682 阅读, 收藏, 编辑
摘要: jquery.data()文档:http://api.jquery.com/jQuery.data/html5有个data-*属性,跟这个功能一样。Note:This is a low-level method; a more convenient.data()is also available.T... 阅读全文

webstrom使用记录

2014-08-01 18:51 by youxin, 166 阅读, 收藏, 编辑
摘要: 很不方便的一点:输入$("#div p" 之后输入",就会变成$("#div p"""这样,很不爽。 阅读全文

input checkbox问题和li里面包含checkbox

2014-08-01 17:30 by youxin, 2102 阅读, 收藏, 编辑
摘要: $("input#checkbox1").click(function() { console.log($(this).attr('checked')); console.log($(this).prop("checked")); });点击checkbox输出:u... 阅读全文

jquery toggle方法

2014-07-31 17:04 by youxin, 900 阅读, 收藏, 编辑
摘要: .toggle(function, function, … )link.toggle(function, function, ... ) removedThis is the "click an element to run the specified functions" signature of... 阅读全文

web storm使用和配置

2014-07-31 15:49 by youxin, 7822 阅读, 收藏, 编辑
摘要: 官网:http://www.jetbrains.com/webstorm/webStorm,File=》setting=》JavaScript-LibrariesHow WebStorm Works: Completion for JavaScript LibrariesOne of the ess... 阅读全文

JQuery实现点击div以外的位置隐藏该div窗口

2014-07-28 15:02 by youxin, 978 阅读, 收藏, 编辑
摘要: 简单示例代码:点击空白的地方指定div 隐藏消失了更多:http://www.jb51.net/article/30776.htm 阅读全文

jquery parent()和parents()区别

2014-07-28 14:57 by youxin, 416 阅读, 收藏, 编辑
摘要: parent(exp)取得一个包含着所有匹配元素的唯一父元素的元素集合。你可以使用可选的表达式来筛选。查找段落的父元素中每个类名为selected的父元素。HTML 代码:HelloHello AgainjQuery 代码:$("p").parent(".selected")结果:[ Hello A... 阅读全文