Jquery帮助文档

Jquery帮助文档

ID:37711494

大小:27.91 KB

页数:9页

时间:2019-05-29

Jquery帮助文档_第1页
Jquery帮助文档_第2页
Jquery帮助文档_第3页
Jquery帮助文档_第4页
Jquery帮助文档_第5页
资源描述:

《Jquery帮助文档》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、。$()方法里面支持的语法又包括3大类,分别是表达式(包括类表达式.,id表达式#,元素表达式等)、符号(包括后代符号space,next符号+等)、过滤器(包括:过滤器和[]过滤器)。通过以上3种的组合,“查询”得到想要操作的元素或者元素集合,作为$()的参数,得到jQuery对象(或者jQuery对象的集合)第二步是在jQuery对象间的跳转。也就是说,已经得到了一个jQuery对象,但是并不是想要的,那么可以通过一系列的跳转方法,比如parent()、next()、children()、f

2、ind()等,或者过滤筛选的方法,比如eq()、filter()、not()等,来得到最终想要操作的jQuery对象。用跳转和过滤方式得到的jQuery结果,往往通过比较复杂的表达式组合,可以达到同样的目的。比如说$("div").eq(3),也可以用$("div:eq(3)")达到同样的目的。又比如说$("div").find("span"),可以用$("divspan")取到同样的元素。方法是很灵活的,要根据具体的情况来选择。一般来说,HTML页面写得越规范,使用jQuery就越简单还有一种

3、情况,在得到了jQuery()对象之后,想要判断其是否满足条件,那么可以调用is()、hasClass()等方法,返回一个boolean值,进行后续的判断。这类方法也可以归到这类。第三步是在获取准确的jQuery对象之后,调用其上的各种方法,来进行操作。这一步反而是比较简单的了。后面就是对jQuery框架各种方法的简要介绍,更详细的内容,还是以官方API为准1、$(...)$()一切的核心,可以跟4种参数$(expression),比如$("#id")、$(".class")等,返回jQuery

4、对象,或者jQuery对象的集合$(html),比如$("helloworld"),返回jQuery对象,或者jQuery对象的集合$(element),比如$(document.body),返回jQuery对象,或者jQuery对象的集合$(*),所有元素2、jQueryObjectAccessorsjQuery.index(element),返回该jQuery对象在集合中的索引jQuery.each(function),遍历jQuery对象集合,在每个对象上执行fu

5、nction函数,functioncallback(index,domElement){this};jQuery.size(),返回jQuery对象集合的大小jQuery.length,相当于size()方法jQuery.get(),获取原生DomElement对象的ArrayjQuery.get(index),获取原生DomElement对象jQuery.eq(position),获取jQuery对象集合中的一个jQuery对象3、Data相关方法jQuery.data(name)jQuery

6、.data(name,value)jQuery.removeData(name)4、选择符multiple(selector1,selector2),可以选择多个元素或者表达式,包装成jQuery对象的集合例子:$("div,span")id(id)例子:$("#id")class(class)例子:$(".class")element(element)例子:$("div")all例子:$("*")descendant例子:$("tabletrtd")child(parent,child)例子:

7、$("#id>span"),和上一个descendant的区别在于,descendant只要是后代就会被选中,而child必须是直接子节点,不包括孙子节点next(prev,next)例子:$("label+input"),选中的是label标签的下一个input标签,返回jQuery对象的集合siblings(prev,siblings)例子:$("#prev~div"),选中的是#prev之后的所有div标签,返回jQuery对象的集合,有点像next,但是范围更大BasicFilters$

8、(":header"),选中所有header,包括

等$("tr:odd"),选中所有奇数行$("tr:even"),选中所有偶数行$(":animated"),选中所有当前有特效的元素,$("div:animated"),选中当前所有有特效的
$("tr:first"),选中第一行$("tr:last"),选中最后一行$("input:not(:checked)"),选中所有没有“checked”的input元素$("td:gt(4)"),选中所有index是4之后的td

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文

温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。