神奇的jquery学习[基础学习笔记

神奇的jquery学习[基础学习笔记

ID:15328842

大小:88.00 KB

页数:19页

时间:2018-08-02

神奇的jquery学习[基础学习笔记_第1页
神奇的jquery学习[基础学习笔记_第2页
神奇的jquery学习[基础学习笔记_第3页
神奇的jquery学习[基础学习笔记_第4页
神奇的jquery学习[基础学习笔记_第5页
资源描述:

《神奇的jquery学习[基础学习笔记》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、www.52webui.com[www.52webui.com提供]【随着JavaScript的兴起,一系列JavaScript库也蓬勃发展起来。从早期的Prototype、Dojo到2006年的jQuery,再到2007年ExtJs。可以发现,互联网正在掀起一场JavaScript风暴。在这场风暴中,jQuery以其独特优雅的姿态,始终处于这场风暴的中心,受到越来越多的人的追捧。】Guihua2010-9-15【锋利的jQuery学习笔记】www.52webui.comwww.52webui.com第一章认识JQuery页面加载事件(可以写多个ready())$(docume

2、nt).ready(function(){alert(“helloworld”);})链式操作:JQuery允许你在一句代码中操做任何与其相关联的元素,包括其子元素、父元素等//选择名称为myDiv的元素,为其自身添加css1的样式,然后再选择其所有子元素a,为其移除css2样式$(“#myDiv”).addClass(“css1″).children(“a”).removeClass(“css2″);JQuery中获得一个对象的所有子元素内容$(“#myDiv”).html()JQuery中的变量与DOM中的变量var$myVar=“”;varmyVar=“”;DOM对象转换

3、成JQuery对象varobj=documnet.getElementById(“myDiv”);var$obj=$(obj);JQuery对象转换成DOM对象var$obj=$(“#myDiv”);varobj=$obj.get(0); //或者varobj=$obj[0];释放JQuery对$符号的控制权JQuery.noConflict();第二章JQuery选择器JQuery完善的处理机制document.getElementById(“test”).style.color=“red”;//如果test不存在,则页面出现异常$(“#test”).css(“color”,

4、”red”);//哪怕页面没有名称为test的元素,也不会报错。它是一个JQuery对象www.52webui.comwww.52webui.com判断页面是否选择的对象if($(“.class”).length>;0){//todosomething}基本选择器$(“#myDiv”)   //根据给定的ID选择匹配的元素,返回:单个元素$(“.myClass”)//根据给定的样式名称选择匹配的元素,返回:集合元素$(“div”)//根据给定的元素名称选择匹配的元素,返回:集合元素$(“#myDiv,div.myClass,span”)//根据给定的规则选择匹配的元素,返回:集

5、合元素$(“*”)//选择页面所有元素,返回:集合元素层次选择器$(“divspan”)//选择所有DIV元素下的所有SPAN元素(所有后代元素),返回:集合元素$(“div>span”)//选择所有DIV元素下的SPAN子元素(仅子元素),返回:集合元素$(“.myClass+div”)//选择样式名称为myClass的下一个DIV元素,返回:集合元素$(“.myClass+div”)//等价于$(“.myClass”).next(“div”);$(“.myClass~div”)//选择样式名称为myClass之后的所有DIV元素,返回:集合元素$(“.myClass~

6、div”)//等价于$(“.myClass”).nextAll();$(“.myClass”).siblings(“div”)//选择样式名称为myClass的元素的所有同辈DIV元素(无论前后),返回集合元素过滤选择器(index从0开始)$(“div:first”)//选择所有DIV元素下的第一个DIV元素,返回:单个元素$(“div:last”)//选择所有DIV元素下的最后一个DIV元素,返回:单个元素$(“div:not(.myClass)”)//选择所有样式不包括myClass的DIV元素,返回:集合元素$(“div:even”)//选择所有索引是偶数的DIV元素,

7、返回:集合元素$(“div:odd”)//选择所有索引是奇数的DIV元素,返回:集合元素$(“div:eq(index)”)//选择所有索引等于index的DIV元素,返回:集合元素$(“div:gt(index)”)//选择所有索引大于index的DIV元素,返回:集合元素$(“div:lt(index)”)www.52webui.comwww.52webui.com//选择所有索引小于index的DIV元素,返回:集合元素$(“:header”)//选择所有标题元素(h1,h2,h3),

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

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

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