![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
xiaochouyu0703
这个作者很懒,什么都没留下…
展开
-
jquery插件之--autocomplete
jQuery.Autocomplete 能够很好的实现输入框的自动完成(autocomplete)、建议提示(input suggest)功能,支持ajax数据加载。[options]里的参数:minChars表示在自动完成激活之前填入的最小字符,这里我们设置为0,在我们双击文本框,不输入字符的时候,就会把数据显示autoFill表示自动填充,就是在文本框中自动填充符合...原创 2015-05-07 18:40:31 · 236 阅读 · 0 评论 -
jQuery插件开发入门
[b]是什么?[/b] 所谓“插件”,就是用户自己新增的jQuery实例对象的方法。[b]原理[/b]: jQuery插件是定义在jQuery构造函数的prototype对象上面的一个方法,这样做就能使得所有jQuery对象的实例都能共享这个方法。[b]注意:[/b] ♣始终包裹在一个封闭的插件. ♣不要冗余包裹this关键字在插件的功能范围内....原创 2015-03-19 16:09:32 · 69 阅读 · 0 评论 -
Jquery.extend()
[code="jquery"]var object = $.extend({}, object1, object2);[/code] 默认情况下,通过$.extend()合并操作不是递归的,当true 作为该函数的第一个参数,那么会在对象上进行递归的合并。**不支持第一个参数传递 false 作用:对于插件开发者希望向 jQuery 中添加新函数时是很有用的。[co...原创 2015-03-19 15:12:58 · 68 阅读 · 0 评论 -
jquery匹配元素替换目标元素
DOM树结构如下:[code="html"] Hello And Goodbye[/code][b]replaceAll(target)[/b] 删除与节点相关联的所有数据和事件处理程序 用来替换的元素从老地方移到新位置,而不是复制:[code="Jquery"]$('.first').replaceAll('.third');[/code]DOM树变...原创 2015-03-04 10:47:05 · 177 阅读 · 0 评论 -
jquery-元素属性操作
[b]attr(attributeName) 或者attr(attributeName,value) [/b] 设置或返回第一个匹配元素的属性值[code="javascript"] em { color:blue; font-weight:bold; }alarge orange The title of the emphasis is: var t...原创 2015-03-03 17:33:43 · 75 阅读 · 0 评论 -
jquery-one()
one() 为被选元素附加一个或多个事件处理程序,并规定当事件发生时运行的函数。即每个元素只能运行一次事件处理器函数。语法:$(selector).one(event,data,function)[code="java"]$(document).ready(function(){ $("p").one("click",function(){ $(this)....原创 2015-02-13 16:06:18 · 70 阅读 · 0 评论 -
jquery-map()遍历
map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。以下例子显示被选中复选框 ID 组成的逗号分隔的列表:[code="html"] 2 4 6 ...原创 2015-02-12 15:52:14 · 782 阅读 · 0 评论 -
parseJSON()方法
jQuery.parseJSON(json)将要解析的 JSON 字符串转换成javascript对象。返回: String or Number or Object or Array or Boolean传入格式有误的 JSON 字符串可能导致抛出异常[code="java"]var obj = jQuery.parseJSON('{"name":"wjy","age"...原创 2015-02-10 16:14:37 · 558 阅读 · 0 评论 -
jquery-ajax get()和post()
get( url [,data][,success(data,textStatus,jqXHR)][,dataType]):使用GET方式来进行异步请求。参数:url :类型String(必选)发送请求的URL地址.data (Map):(可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示,会做为QueryString附加到请求URL中。success(da...原创 2015-02-06 16:21:28 · 62 阅读 · 0 评论 -
jQuery插件之-右下角弹出提示窗体popMessage
优点:右下角弹出同时可配置对应的开始和结束的animated的效果缺点:没有对外的api支持例如控制显示和隐藏[code="java"] $(function(){ $.fn.popMessage({ content : '', height:282, auto:false, width:280, ...原创 2015-03-20 10:57:28 · 665 阅读 · 0 评论 -
jQuery.ajax 执行异步请求
jQuery.ajax( url [, settings ] ) jQuery 发送的所有 Ajax 请求,内部都会通过调用 $.ajax() 函数来实现。通常没有必要直接调用这个函数,可以使用几个已经封装的简便方法,如$.get()和.load()。如果你需要用到不常见的选项,那么 $.ajax()使用起来更灵活。[color=blue][b]contentType[/b]...原创 2015-03-23 15:34:50 · 259 阅读 · 0 评论 -
利用unique()去重和merge()合并数组
[size=large][b]$.unique()[/b] [/size]jQuery.unique(array)函数通过搜索的数组对象,排序数组,并移除任何重复的节点。只适用于普通的JavaScript DOM元素的数组,主要是jQuery内部使用。只处理[b]删除DOM元素数组[/b],而[u]不能处理字符串或者数字数组[/u]。但是无聊的测试了下:[code="js"]...原创 2015-03-24 14:28:37 · 428 阅读 · 0 评论 -
jquery获取文档内容操作text()和html()对比
1.text() 方法返回或设置被选元素的内容,HTML 标签会被转义This is a paragraph.[code="jquery"]$("p").text(); //获取p的文本,结果:段落1[/code]也可以设置文本内容:当该方法用于设置值时,它会覆盖被选元素的所有内容。[code="jquery"]$("p").text("Hello worl...原创 2014-04-18 15:19:12 · 300 阅读 · 0 评论 -
jquery文档删除操作remove()和empty()
[url]http://www.w3school.com.cn/jquery/jquery_ref_manipulation.asp[/url]1.empty()删除匹配的元素集合中所有的[color=red]子节点[/color]。2.detach() 从 DOM 中移除匹配元素集合。移除被选元素,包括所有文本和子节点。保留 jQuery 对象,保留所有绑定的事件、附...原创 2014-04-18 15:01:06 · 148 阅读 · 0 评论 -
jquery选择器匹配方式
一直了解jQuery的优势之一是支持强大的选择器,只知道支持css1-3的几乎所有选择器。没有深入探究过具体选择器内部匹配是怎么实现的,查阅资料才了解这点,整理去下: 1.3版使用了全新的选择符引擎Sizzle,库的性能也因此有了极大提升,支持了事件委托。那么Sizzle是什么呢? 我们知道一般选择器的匹配模式,都是一个顺序的思维方式...原创 2015-04-07 19:49:50 · 257 阅读 · 0 评论 -
清空dom源码解析
jquery中empty()是采用逐个移除子元素实现的zepto中empty()是采用直接innerHtml=''实现的一起来看一下:[code="jquery"]empty:function(){ var elem,i=0; for(;(elem = this[i]) != null; i++) { i...原创 2015-04-04 17:06:12 · 217 阅读 · 0 评论 -
Jquery方法-is()检测匹配元素集合
.is( selector ) 判断当前匹配的元素集合中的元素,是否为一个选择器,DOM元素,或者jQuery对象,如果这些元素至少一个匹配给定的参数,那么返回true。 检测jQuery对象的内容,而无需修改该对象。通常在回调函数内使用该方法。[code="js"] list item 1 list item 2 list item 3...原创 2015-04-01 16:08:35 · 318 阅读 · 0 评论 -
类数组转换为数组makeArray()
面试的时候遇到这个问题,在jquery中如何实现的将argements或者getElementsByTagName这种[b]类数组转换为真正的数组[/b]? 查了API,jQuery.makeArray( obj ) 转换后,任何有特殊功能的对象将不再存在,而变成是一个普通的数组对象。[code="js"]var domNodes = Array.prototyp...原创 2015-04-01 11:01:18 · 455 阅读 · 0 评论 -
jQuery.data()和html5 dataset
我们先来看下HTML 5 增加的一项新功能是[b]自定义数据属性[/b]-- data-* 自定义属性[url]http://www.css88.com/archives/4715[/url][code="html"]码头[/code]一)使用attribute方法能够存取 data-* 自定义属性的值: 所有的现代浏览器中都能正常工作,但它不是HTML 5 的自...原创 2015-03-26 16:33:58 · 630 阅读 · 0 评论 -
jquery插件之-图片放大镜
(一)mlens图片放大镜尊重原创:[url]http://www.jq22.com/jquery-info25[/url]1、引入以下的js和css文件[code="js"]#green_wrapper { position: relative; width: 640px; height: auto; margin: 0 auto; border:...原创 2015-03-26 10:17:45 · 407 阅读 · 0 评论 -
jquery-ajaxStart()和ajaxStop()
ajaxStart()和ajaxStop()方法是绑定Ajax事件。当发送Ajax请求前执行ajaxStart()方法绑定的函数,请求成功后,执行ajaxStop ()方法绑定的函数。语法:$(selector).ajaxStart(function())和$(selector).ajaxStop(function())[code="jquery"] ...原创 2015-02-06 11:41:29 · 105 阅读 · 0 评论 -
jquery ajax $.param()方法序列化字符串
jQuery.param( obj )将表单元素的值转换为序列化字符串,用于URL查询字符串或Ajax请求。param() 方法创建数组或对象的序列化表示。[code="html"]$(document).ready(function(){ var personObj={"name":"wjy","age":27,"eyecolor":"black"}; $原创 2015-02-05 16:45:34 · 363 阅读 · 0 评论 -
jquery-isArray()判断是否为数组
jQuery.isArray( obj ) 用来测试对象是否为一个数组。[code="jQuery"]var arr = ["1","2"];alert($.isArray(arr));//true[/code][code="html"]测试我是否是数组:[/code][code="jQuery"]var arr = ["1","2"原创 2015-01-29 18:17:29 · 336 阅读 · 0 评论 -
案例--返回顶部的处理方式
现在各大网站都能看到有返回顶部的快捷处理,下面就简单看看用css和jquery如何实现吧:[code="html"] #totop a { display: block; width: 50px; height: 50px; overflow: hidden; ...原创 2015-01-16 09:51:58 · 146 阅读 · 0 评论 -
jquery方法之scrollTop()
scrollTop() 返回或设置匹配元素的滚动条的垂直位置,对于可见元素和不可见元素均有效。语法:$(selector).scrollTop(offset) offset可选参数,规定相对滚动条顶部的偏移,以像素计。*当用于获取值时,该方法只返回第一个匹配元素的 scroll top offset。*当用于设置值时,该方法设置所有匹配元素的 scroll top o...原创 2015-01-15 15:16:52 · 109 阅读 · 0 评论 -
jquery-dom操作外部插入节点
外部插入是将content插入到selector节点外部,包括selector节点的前面和后面。插入后的节点与原节点是[size=large][color=blue][b]兄弟关系[/b][/color][/size]。1.[b]after()[/b] 选元素之后插入内容。2.[b]insetAfter()[/b] 与after对应。3.[b]before()[/b] 被选元素之前...原创 2015-01-15 14:27:55 · 113 阅读 · 0 评论 -
document.ready()和window.onload()
我们的实例中的所有 jQuery 函数位于一个 document ready 函数中。dom对象转换为jquery对象很容易,在jquery中:[color=blue]$(document).ready();等同于$();[/color][code="jquery"]$(document).ready(function(){ alert('1234'); } ); 简写...原创 2015-01-07 15:53:20 · 64 阅读 · 0 评论 -
jquery方法之live()
live() 方法向[color=red]尚未创建的元素[/color]添加事件处理器。可多次执行。下面的例子,通过使用 live() 方法而不是 bind() 方法,新的 p 元素同样会在点击时执行方法从而消失。[code="jquery"]$(document).ready(function(){ //live()可以作用到脚本创建的新元素上 $("...原创 2015-01-06 14:34:53 · 81 阅读 · 0 评论 -
jquery获取和设置元素高度宽度
1.height()/ width() 取得第一个匹配元素当前计算的高度/宽度值(px)height(val)/ width(val) 为每个匹配的元素设置CSS高度(hidth)属性的值[code="jquery"]$("#mydiv").height();$("#mydiv").height(10);[/code]2.css(properties) ...原创 2013-02-27 22:37:13 · 827 阅读 · 0 评论 -
jquery关于class的操作
hasClass() 方法检查被选元素是否包含指定的 class。addClass() 向匹配的元素添加指定的类名。不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。removeClass() 从所有匹配的元素中删除全部或者指定的类。toggleClass() 从匹配的元素中添加或删除一个类。如果存在(不存在)就删除(添加)一个类。[code="h...原创 2013-02-20 16:09:12 · 87 阅读 · 0 评论 -
jquery-dom操作内部插入节点
内部插入是将content插入到selector节点内部,包括内部的头部和尾部。插入后的节点与原节点是[size=large][color=blue][b]父子关系[/b][/color][/size]。1.[b]append()[/b] 方法在被选元素的结尾(仍然在内部)插入指定内容,向每个匹配的元素内部追加内容.hello[code="jquery"]$("p").ap...原创 2013-03-21 16:36:41 · 156 阅读 · 0 评论 -
jquery动画效果animate()和fadeTo()
[b]fadeTo()方法 [/b] :将被选元素的不透明度逐渐地改变为指定的值。语法:$(selector).fadeTo(speed,opacity,callback)[b]animate()方法 [/b] :创建自定义动画。语法:$(selector).animate({params},speed,callback); 必需的 params 参数定义形成动画的 ...原创 2015-01-16 14:44:47 · 266 阅读 · 0 评论 -
jquery方法之-css()返回或设置属性样式
返回指定的 CSS 属性的值语法:css("propertyname");设置指定的 CSS 属性的值语法:css("propertyname","value");设置多个 CSS 属性的语法:css({"propertyname":"value","propertyname":"value",...});[code="html"]原创 2015-01-19 10:56:38 · 178 阅读 · 0 评论 -
jquery遍历-祖先遍历
parent()返回被选元素的直接父元素。parents()返回被选元素的所有祖先元素,它一路向上直到文档的根元素 ()。parentsUntil()返回介于两个给定元素之间的所有祖先元素。[code="html"].ancestors *{ display: block;border: 2px solid lightgrey;color: lightgre...原创 2015-01-20 18:11:08 · 118 阅读 · 0 评论 -
jQuery.trim( str )
trim(str)去掉字符串起始和结尾的空格。删除提供字符串的所有换行符,空格(包括非中断空格),开始和结束tab。如果这些空白字符在字符串中间发生时,它们将被保留。[code="jquery"]$.trim(" hello, how are you? ");/*结果:"hello, how are you?"*/[/code]...原创 2015-01-27 17:10:07 · 83 阅读 · 0 评论 -
jquery方法之-attr()返回或设置属性值
返回被选元素的属性值:$(selector).attr(attribute)设置被选元素的属性和值:$(selector).attr(attribute,value)设置一个以上的属性和值:$(selector).attr({attribute:value, attribute:value ...})[code="html"]$("button").click(functi...原创 2015-01-23 11:12:23 · 737 阅读 · 0 评论 -
jQuery - AJAX load() 方法
load() 从服务器加载数据,并把返回的数据放入被选元素中。在[color=red]不重载[/color]全部页面的情况下,实现了对部分网页的[color=red]更新[/color]。语法:$(selector).load(URL,data,callback(responseTxt,statusTxt,xhr)); 必需的 URL 参数规定您希望加载的 URL。...原创 2015-01-22 15:39:06 · 65 阅读 · 0 评论 -
jquery选择器有没空格大不同
选择器中的空格是不容忽视的! $(“a :b”)后代选择器,选取后代元素状态为b的元素集合。 $(“a:b”)并列选择,选取标签为a的并且状态为b的元素。jQuery 使用 CSS 选择器来选取元素,css选择器请移步:[url]http://wangjingyi.iteye.com/blog/1446292[/url]例子如下:[code="htm...原创 2015-01-22 15:12:45 · 86 阅读 · 0 评论 -
jquery处理尺寸的方法
jQuery 提供多个处理尺寸的重要方法:width()设置或返回元素的宽度(不包括内边距、边框或外边距)。height()设置或返回元素的高度(不包括内边距、边框或外边距)。innerWidth()返回元素的宽度(包括内边距)。innerHeight()返回元素的高度(包括内边距)。outerWidth()返回元素的宽度(包括内边距和边框)。outerHeight()返回...原创 2015-01-21 12:44:52 · 112 阅读 · 0 评论 -
jquery遍历-过滤
first() 返回被选元素的首个元素。last() 返回被选元素的最后一个元素。eq() 返回被选元素中带有指定索引号的元素。filter() 允许规定一个标准:不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。not() 返回不匹配标准的所有元素。[code="html"]$(document).ready(function(){ $("div p")...原创 2015-01-21 12:13:55 · 131 阅读 · 0 评论