- 浏览: 305151 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
di1984HIT:
不错,不错。
Jquery.LazyLoad.js插件修正版下载,实现图片延迟加载特效 -
fncj:
好东西,
freemarker常用技巧 -
xwy55555:
说得很清楚
大型网站框架的演变 -
gxz1989611:
这个东西好,我转载了~~
40 个轻量级 JavaScript 库 -
gxz1989611:
恩,这个标题真是考虑到了SEO啊!!!
这才是真正的JQuery.ajax传递中文参数的解决方法
get() get(num)
说明:获取匹配元素,get(num)返回匹配元素中的某一个元素
参数:get (Number): 期望限制的索引,从0 开始
例子:
未执行jQuery前:
< p > So is this </ p >
< a href ="#" id ="test" onClick ="jq()" > jQuery </ a >
alert($( " p " ).get( 1 ).innerHTML);
}
注意get和eq的区别,eq返回的是jQuery对象,get返回的是所匹配的dom对象,所有取$("p").eq(1)对象的内容用jQuery方法html(),而取$("p").get(1)的内容用innerHTML
index(obj)
说明:返回对象索引
参数:obj (Object): 要查找的对象
例子:
未执行jQuery前:
< div id ="test2" ></ div >
< a href ="#" id ="test" onClick ="jq()" > jQuery </ a >
alert($( " div " ).index(document.getElementById('test1')));
alert($( " div " ).index(document.getElementById('test2')));
}
size() Length
说明:当前匹配对象的数量,两者等价
例子:
未执行jQuery前:
< img src ="test2.jpg" />
< a href ="#" id ="test" onClick ="jq()" > jQuery </ a >
alert($( " img " ).length);
}
二:DOM操作
属性
我 们以<img id="a" scr="5.jpg"/>为例,在原始的javascript里面可以用var o=document.getElementById('a')取的id为a的节点对象,在用o.src来取得或修改该节点的scr属性,在jQuery 里$("#a")将得到jQuery对象[ <img id="a" scr="5.jpg"/> ],然后可以用jQuery提供的很多方法来进行操作,如$("#a").scr()将得到5.jpg,$("#a").scr("1.jpg")将该对 象src属性改为1,jpg。下面我们来讲jQuery提供的众多jQuery方法,方便大家快速对DOM对象进行操作
herf() herf(val)
说明:对jQuery对象属性herf的操作。
例子:
未执行jQuery前
jQuery代码及功能:
alert($( " #test " ).href());
$( " #test " ).href( " 2.html " );
}
运行:先弹出对话框显示id为test的连接url,在将其url改为2.html,当弹出对话框后会看到转向到2.html
同理,jQuery还提供类似的其他方法,大家可以分别试验一下:
herf() herf(val) html() html(val) id() id (val) name() name (val) rel() rel (val)
src() src (val) title() title (val) val() val(val)
操作
after(html) 在匹配元素后插入一段html
$( " #test " ).after( " <b>Hello</b> " );
}
执行后相当于:
after(elem) after(elems) 将指定对象elem或对象组elems插入到在匹配元素后
jQuery代码及功能
$( " a " ).after($( " #test " ));
}
执行后相当于
append(html)在匹配元素内部,且末尾插入指定html
$("#test").append(" < b > Hello </ b > ");
}
执行后相当于
同理还有append(elem) append(elems) before(html) before(elem) before(elems)请执行参照append和after的方来测试、理解!
ap
pendTo(expr) 与append(elem)相反
$( " a " ). appendTo ($( " #test " ));
}
clone() 复制一个jQuery对象
$( " #test " ).clone().appendTo($( " a " ));
}
empty() 删除匹配对象的所有子节点
< span > span </ span >
< p > after </ p >
</ div >
< a href ="#" onClick ="jq()" > jQuery </ a >
jQuery代码及功能:
$( " #test " ).empty();
}
执行后相当于
insertAfter(expr) insertBefore(expr)
按照官方的解释和我的几个简单测试insertAfter(expr)相当于before(elem),insertBefore(expr)相当于after (elem)
prepend (html) prepend (elem) prepend (elems) 在匹配元素的内部且开始出插入
通过下面例子区分append(elem) appendTo(expr) prepend (elem)
< div > div </ div >
执行 $("#a").append($("div")) 后相当于
P
< div > div </ div >
</ p >
执行 $("#a").appendTo($("div")) 后 相当于
div
< p id ="a" > p </ p >
</ div >
执行 $("#a").prepend ($("div")) 后 相当于
< div > div </ div >
P
</ p >
remove() 删除匹配对象
注意区分empty(),empty()移出匹配对象的子节点,remove(),移出匹配对象
wrap(htm) 将匹配对象包含在给出的html代码内
jQuery代码及功能:
$( " p " ).wrap( " <div class='wrap'></div> " );
}
执行后相当于
wrap(elem) 将匹配对象包含在给出的对象内
< a href ="#" onClick ="jq()" > jQuery </ a >
$( " p " ).wrap( document.getElementById('content') );
}
执行后相当于
遍历、组合
add(expr) 在原对象的基础上在附加符合指定表达式的jquery对象
< a href ="#" onClick ="jq()" > jQuery </ a >
var f = $( " p " ).add( " span " );
for ( var&
发表评论
-
Jquery使用技巧与规范
2012-04-28 15:35 18751. jquery 简介 ... -
电商类的验证正则表达式
2011-09-23 10:28 1304decmal:"^([+-]?)\\d*\\.\ ... -
收藏的js
2011-09-03 19:30 944/** 收藏 */ fun ... -
Javascript刷新页面的几种方法
2011-08-11 11:00 1622Javascrip ... -
jquery 图片自动切换
2010-12-18 00:00 4414基于jQuery淡入淡出可自动切换的幻灯插件 Posted ... -
javaScript取url
2010-12-04 16:52 1159URL即:统一资源定位符 (Uniform Resource ... -
JQuery的强大筛选器
2010-12-04 13:57 1409在Web应用程序中,大部分的客户端操作都是基于对象的操作,要操 ... -
Sysdeo Eclipse Tomcat Launcher plugin 使用总结
2010-12-02 15:21 1895TomcatLauncher plugin 很轻量级,很喜 ... -
用jquery提交AJAX的中文乱码问题
2009-06-30 11:28 4923用jquery提交AJAX的中文乱码问题 ... -
这才是真正的JQuery.ajax传递中文参数的解决方法
2009-06-29 23:39 5363许多人在使用JQuery.ajax方法时肯定会遇到一个问题。在 ... -
JQuery Block UI V2
2009-04-24 23:51 4115JQuery Block UI V2 概述 The ... -
70个新鲜实用的JavaScript和Ajax技术
2009-03-17 11:45 342170个新鲜实用的JavaScript和Ajax技术(上) ... -
常用正则表达式(验证版)收藏
2009-03-06 17:21 972<noscript></noscript ... -
js判断输入是否为正整数、浮点数等数字的函数
2009-03-05 00:48 12888js判断输入是否为正整数、浮点数等数字 ... -
Jquery提交表单 Form.js官方插件介绍
2009-01-17 18:43 36712007-09-27 22:48 [JQuery框架应用 ... -
jQuery使用手册(七)
2008-11-24 14:02 1237七 :Ajax支持 通用方式: $.ajax( ... -
jQuery使用手册(六)
2008-11-24 14:01 1155六 :事件处理 hover(Function, ... -
jQuery使用手册(五)
2008-11-24 14:00 1281五 :动态效果 在将这部分之前我们 ... -
jQuery使用手册(四)
2008-11-24 13:52 947四 :JavaScript处理 $.browser( ... -
jQuery使用手册(二)
2008-09-27 10:48 1207一:核心部分 $(expr) 说明:该函数可 ...
相关推荐
jQuery使用手册,前端开发工具,亲测可用。
jQuery使用手册.docjQuery使用手册.docjQuery使用手册.doc
2-jQuery使用手册.doc 4-jQuery技巧总结.doc 5-jQuery常用方法事件属性.doc 3-使用 jQuery 简化 Ajax 开发.doc
jquery API 使用手册 jquery API 使用手册 jquery API 使用手册
jQuery使用手册.doc jQuery使用手册.doc jQuery使用手册.doc
jQuery使用手册. jQuery使用手册.jQuery使用手册.jQuery使用手册.
†jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又 想写出优 秀的js效果,jQuery可以 帮你达到目的!大家可以看看有keel翻译的jQuery入门
jquery使用手册
本压缩包内包含以下文件: jquery-1.12.4.js jquery-1.12.4.min.js jQuery1.11.0_20140330.chm jQueryAPI_CHM.CHM
jQuery手册jQuery手册jQuery手册
资源名称:jquery1.7 中文手册 CHM文档(附jquery1.82 chm手册)内容简介:因国内jquery中文手册更新太慢了,等了一段时间实在等不下去了,干脆自己动手做一个丰衣足食,时刻更新. 最后感谢Shawphy提供1.4.1版,jehn提供...
jquery用户使用手册,快速学习jquery.
JavaScript和jquery实战手册
资源名称:jQuery 中文手册 1.11.1内容简介:jquery中文手册 自从 2011 第1.7版到现在,这期间进行了很多次修改,因为作者相信:只要用心,哪怕一个小玩意都可以做到极致。 jQuery API 1.4.4 是一部比较详细的中文...
jQuery使用手册.doc jQuery使用手册.doc
jQuery1.3.1中文使用手册里面不但有API的详细说明,有很多jQuery使用的小例子,使用的时候可以方便的查找哦
jQuery API 3.3.1 中文手册,jQuery是一个JavaScript框架,自面世以来,以其快速、简洁,能够很轻易地处理HTML文档、控制事件、给页面添加动画和Ajax效果等功能使多很多WEB编程者对其非常热爱,本手册旨在帮助广大...