- 浏览: 3295450 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (567)
- Web前端-html/表单 (19)
- Web前端-CSS (24)
- Web前端-CSS框架 (4)
- Web前端-JS语言核心 (50)
- Web前端-JS客户端 (26)
- nodejs生态+grunt (10)
- seajs和requirejs (9)
- backbone等框架 (7)
- 模板基础 (7)
- Web前端-deps(不改动) (6)
- Web前端-component (10)
- Web前端-jquery-plugin (13)
- 浏览器兼容性 (6)
- Web前端-使用jQuery (25)
- Web前端-使用jqueryui (6)
- Web前端-性能优化 (3)
- Web协议-HTTP (6)
- ExtJS (13)
- PHP (22)
- PHP面向对象 (4)
- PHP扩展-SOAP (6)
- PHP扩展-curl (4)
- PHP与HTML(导出) (5)
- PHP扩展-综合 (7)
- mysql基础应用 (18)
- 技术心情 (18)
- 算法和面试题 (17)
- 工具(开发)使用 (36)
- memcached原理 (2)
- session和cookie (4)
- UML (2)
- Web前端_FusionCharts (5)
- Web前端_Flex (4)
- Web前端_JSP (3)
- JavaSE (10)
- JavaEE (4)
- tomcat (2)
- Servlet开发 (3)
- Spring开发 (1)
- REST相关 (2)
- 大访问量、高并发 (2)
- 网络编程 (1)
- YII (21)
- linux命令和内核 (12)
- yii与数据库 (10)
- yii与表单 (12)
- yii view层 (1)
- perl (7)
- yii扩展 (7)
- shell (4)
- photoshop (7)
- 视觉设计 (2)
- 我关注的名人在路上 (4)
- 1-自学能力 (1)
- 2-人际沟通能力 (3)
- 3-职业规划能力 (7)
- 4-项目管理能力 (2)
- python (3)
- django (4)
- Mysql高级应用 (6)
- prototype.js (4)
- Web系统安全 (1)
- Web前端-mobile (2)
- egret (6)
- jQuery源码分析 (5)
- fis (4)
最新评论
-
yzq21056563:
感谢作者分享~请教下,http://www.lisa33xia ...
CSS基础:text-overflow:ellipsis溢出文本 -
u012206458:
$.ajax的error,complete,success方法 -
DEMONU:
谢谢,虽然不能给你赞助,但是要给你顶
mysql中key 、primary key 、unique key 与index区别 -
njupt_tolmes:
阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿滕庆亚 ...
CSS基础:text-overflow:ellipsis溢出文本 -
zenmshuo:
用过SpreadJS,也包含数据可视化的图表
推荐几个web中常用js图表插件
作者:zccst
jQuery用了很久了,但还是有很多方法,看上去很陌生,好像从来没有使用过。
live delegate的区别
live的事件源头的是document
delegate的源头是具体要绑定的元素
eq和get的区别
仔细查看下API文档就可以知道。eq返回的是一个jquery对象,get返回的是一个html 对象数组。举个例子:
<p style="color:yellow">绯雨</p>
使用eq来获得第一个p标签的color值:
$("p").eq(0).css("color") //因为eq(num)返回的是个jq对象,所以可以用jq的方法css
使用get来获得第一个p标签的color值:
$("p").get(0).style.color //因为get(num)返回的是个html对象,所以要使用传统的HTML对象方法,jq对象此时就没用了。
当然,你也可以get(num)后把对象转为jq的对象再进行操作:
$($("p").get(0)).css("color")
$.map()
a, $.map( [0,1,2], function(n){
return n + 4;
});
结果:
[4, 5, 6]
b, $("#xx").map()
<p><b>Values: </b></p>
<form>
<input type="text" name="name" value="John"/>
<input type="text" name="password" value="password"/>
<input type="text" name="url" value="http://ejohn.org/"/>
</form>
$("p").append( $("input").map(function(){
return $(this).val();
}).get().join(", ") );
结果:
[ <p>John, password, http://ejohn.org/</p> ]
/*------------------------ 筛选 ------------------------------*/
1,filter();
筛选出与指定表达式匹配的元素集合。
这个方法用于缩小匹配的范围。
返回值:用逗号分隔多个表达式
$("p").filter(".selected")
2,children()
取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。
可以通过可选的表达式来过滤所匹配的子元素。
注意:parents()将查找所有祖辈元素,而children()只考虑子元素而不考虑所有后代元素。
$("div").children(".selected")
3,parents("tr:first");用来替换closest("tr");的
这个用得不熟练
4,end()
回到最近的一个"破坏性"操作之前。即,将匹配的元素列表变为前一次的状态。
如果之前没有破坏性操作,则返回一个空集。所谓的"破坏性"就是指任何改变所匹配的jQuery元素的操作。这包括在 Traversing 中任何返回一个jQuery对象的函数--'add', 'andSelf', 'children', 'filter', 'find', 'map', 'next', 'nextAll', 'not', 'parent', 'parents', 'prev', 'prevAll', 'siblings' and 'slice'--再加上 Manipulation 中的 'clone'。
例如:
<p><span>Hello</span>,how are you?</p>
$("p").find("span").end()
结果:[ <p><span>Hello</span> how are you?</p> ]
解析:选取所有的p元素,查找并选取span子元素,然后再回过来选取p元素
jQuery用了很久了,但还是有很多方法,看上去很陌生,好像从来没有使用过。
live delegate的区别
live的事件源头的是document
delegate的源头是具体要绑定的元素
eq和get的区别
仔细查看下API文档就可以知道。eq返回的是一个jquery对象,get返回的是一个html 对象数组。举个例子:
<p style="color:yellow">绯雨</p>
使用eq来获得第一个p标签的color值:
$("p").eq(0).css("color") //因为eq(num)返回的是个jq对象,所以可以用jq的方法css
使用get来获得第一个p标签的color值:
$("p").get(0).style.color //因为get(num)返回的是个html对象,所以要使用传统的HTML对象方法,jq对象此时就没用了。
当然,你也可以get(num)后把对象转为jq的对象再进行操作:
$($("p").get(0)).css("color")
$.map()
a, $.map( [0,1,2], function(n){
return n + 4;
});
结果:
[4, 5, 6]
b, $("#xx").map()
<p><b>Values: </b></p>
<form>
<input type="text" name="name" value="John"/>
<input type="text" name="password" value="password"/>
<input type="text" name="url" value="http://ejohn.org/"/>
</form>
$("p").append( $("input").map(function(){
return $(this).val();
}).get().join(", ") );
结果:
[ <p>John, password, http://ejohn.org/</p> ]
/*------------------------ 筛选 ------------------------------*/
1,filter();
筛选出与指定表达式匹配的元素集合。
这个方法用于缩小匹配的范围。
返回值:用逗号分隔多个表达式
$("p").filter(".selected")
2,children()
取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。
可以通过可选的表达式来过滤所匹配的子元素。
注意:parents()将查找所有祖辈元素,而children()只考虑子元素而不考虑所有后代元素。
$("div").children(".selected")
3,parents("tr:first");用来替换closest("tr");的
这个用得不熟练
4,end()
回到最近的一个"破坏性"操作之前。即,将匹配的元素列表变为前一次的状态。
如果之前没有破坏性操作,则返回一个空集。所谓的"破坏性"就是指任何改变所匹配的jQuery元素的操作。这包括在 Traversing 中任何返回一个jQuery对象的函数--'add', 'andSelf', 'children', 'filter', 'find', 'map', 'next', 'nextAll', 'not', 'parent', 'parents', 'prev', 'prevAll', 'siblings' and 'slice'--再加上 Manipulation 中的 'clone'。
例如:
<p><span>Hello</span>,how are you?</p>
$("p").find("span").end()
结果:[ <p><span>Hello</span> how are you?</p> ]
解析:选取所有的p元素,查找并选取span子元素,然后再回过来选取p元素
发表评论
-
终止jQuery的$.ajax方法abort
2015-03-30 15:24 25029作者:zccst 最近遇到,如果用户频繁点击ajax请求,有 ... -
jQuery工具方法还不会的知识点
2015-01-26 16:29 873作者:zccst 2015-2-9 grep( ... -
jquery post时content-type的几种取值
2015-01-26 15:42 101595zccst转载 以后用得着的时候慢慢研究 参考:http: ... -
通过html的id或class查看事件定义源码
2015-01-22 11:26 4152作者:zccst整理 jQuery通 ... -
$.ajax的error,complete,success方法
2014-12-16 14:48 31728作者:zccst 2015-03-30 今天发现从1.8后, ... -
jQuery的$.each循环的对象
2014-11-07 18:20 9368作者:zccst //最简单的对象 var ... -
jquery.proxy的四种使用场景及疑问
2014-08-01 15:18 1282作者:zccst 其实只有两种使用方式,只不过每一种又细分是 ... -
jquery 中size() length的区别
2014-07-10 10:37 2012作者:zccst size()跟length同样的功能,都是 ... -
attr与prop的区别
2014-07-09 18:20 916作者:zccst jQuery在1.6.1 ... -
学习jQuery API文档
2014-05-21 20:15 528作者:zccst 文档处理 remove和detach区 ... -
jquery获取浏览器高度、宽度和滚动条高度
2014-01-15 16:35 4984作者:zccst 遇到过一个问题,网页宽度大于浏览器宽度时出 ... -
jQuery的$.fn使用
2013-12-25 16:10 1128$.fn是指jquery的命名空间 ... -
jQuery的$.load使用
2013-12-25 15:37 1429作者:zccst 基本用法(来自手册) //用法一 $ ... -
jquery的deferred用法
2013-11-20 15:39 1393作者:zccst 参考文档:jQuery的deferred对 ... -
jQuery.extend 函数详解
2013-06-03 14:24 890zccst转 JQuery的extend扩展方法: ... -
jQuery【事件】问题
2013-05-17 15:12 1311作者:zccst 2,jquery文本改变事件绑定 介绍:ch ... -
jquery的表单内容序列化方法serialize
2012-09-06 16:03 6637jquery的表单内容序列化方法serialize 一、前端 ... -
jquery操作相同class的dom节点
2012-05-21 22:48 13425作者:zccst 使用jquery操作相同class的dom ... -
jquery想开发jQuery插件?跟我来
2012-05-20 03:59 1513zccst转载 首先了解两个概念 1,jquery(fun ... -
jquery【CSS】
2012-05-17 16:09 1039作者:zccst jquery操作CSS也算是比较常见的,之 ...
相关推荐
jQuery常用方法jQuery常用方法jQuery常用方法jQuery常用方法
jquery的几种使用方法,可以更好的设计网页
几个jQuery的API方法使用的详细例子。 配套博客中讲解的代码。
主要介绍了jQuery使用removeClass方法删除元素指定Class的方法,可实现针对指定元素样式的批量删除功能,具有一定参考借鉴价值,需要的朋友可以参考下
JQUERY 常用 方法 大全 txt
jQuery打印插件jqprint,jquery.jqprint-0.3.js 下载,内包含使用示例,下载解压可直接在浏览器打开使用。 jQuery打印插件jqprint,jquery.jqprint-0.3.js 下载,内包含使用示例,下载解压可直接在浏览器打开使用。 ...
Jquery 方法大全
非常实用的jquery使用方法总结,对于初学者会有不少帮助
jquery 常用方法集合(没有例子,只是方法名)
jquery.js,jquery.cookie.js,jquery.treeview.js,jquery.treeview.async.js四个库文件,其中最后一个是要使用异步加载结点的时候,要用到的,我的项目中已经用到了这个功能,在初始化树的时候,只加载顶层的数据,当...
JQUERY常用方法大全,经典实用,几十个案例,详细演示使用方法,个人珍藏。
jquery 教程 详细解释了jquery的使用方法 入门教程,适合刚接触jquery的朋友
这个资源 可以使你全面的掌握 JQuery,里面有我告诉你如何学习Jquery如何使用Jquery,里面还有Jquery的例子,还有Jquery的拓展UI,很好很强大的!!!这绝对是我精心压缩的一个资源,如果没学会,可以给我留言,然后...
JQuery方法事件大全,JQuery方法事件大全,JQuery方法事件大全,JQuery方法事件大全,JQuery方法事件大全,JQuery方法事件大全,JQuery方法事件大全
jquery使用方法案例
Ajax jquery的使用 Ajax jquery的使用 Ajax jquery的使用 Ajax jquery的使用 Ajax jquery的使用
jquery方法大全,集成了所有的jquery方法。方便查找,和学习
jquery 元素选择器使用方法技巧 jquery 元素选择器使用方法技巧 jquery 元素选择器使用方法技巧
c#与JQuery 的编程方法 Ajax技术
一、jQuery加载一个html页面到指定的div里 ...用jquery ajax 可以实现 假设 a.html 和b.html在同一目录 b.html [removed] $(document).ready(function() { bodyContent = $.ajax({ url: "b.html", global: fals