浅谈jquery
众所周知,jquery是一个非常优秀的javascript库(一般还不将其说成框架),使用了jquery后使得开发者操作的对象不在是原始的DOM对象了,而是封装了DOM后的jquery对象,
这也是jquery的一大优势,因为从此你就不必去理会不同浏览器处理DOM对象的时存在的差异了。
并且使用jquery后使得操作更加的简洁,例如Jquery对于ajax的支持,使得jquery无需手动创建XMLHttpRequest对象,jquery做了大部分的事;具体可以见博客:
http://www.cnblogs.com/shenliang123/archive/2012/04/19/2456735.html
1.聊聊jquery的设计:
---我们一 般操作jquery分为两步:a.获取jquery对象,如:var str = $("#id"); b.调用jquery对象的方法来改变自身,jquery很多改变自身属性的方法都会有返回值返回对象本身,因此你可以多次调用改变自身属性的方法,如:str.html("jquery浅谈").height(100).width(100).css("border", "4px solid blue");
2.jquery使用:
---我们在页面中使用jquery时,一般将我们实现下载的jquery引入到<script type = "text/javascript" src = "...../jquery.js">
---使用过jquery的人都知道,我们在使用它获取一个jquery对象时都会使用$();但如果遇到了命名冲突了怎么办呢?还好jquery的设计者已经想到了这个情况,因此jquery定义了一个方法jQuery.noConflict();来使用jQuery()代替原来的$();同时我们还能为其定义别名:如 var sl = jQuery.noConflict(); var str = sl("#id");
未完待续!!!!!
---$()中支持的参数形式:a. #id根据标签id来进行返回;b.tagName 返回所有该标签包装成的jquery对象;类似的还有tagName[attribute],tagName[attribute=value],
tagName[attribute!=value],tagName[attribute^=value],tagName[attribute$=value],tagName[attribute*=value],tagName[attribute1][attribute2]等;
c. .className 返回class属性为className的包装后的jquery对象;d. selector1....selectorN 同时指定多个选择器,返回匹配任意一个选择器的所有html元素包装成的
jqury对象;e. outerSelector innerSelector:返回outerSelector选择器之内的所有innerSelector对应html元素包装成的jquery对象;类似的还有parentSelector>
childSelect:返回parentSelector选择器内的第一层childSelect对应的html元素包装成的jquery对象;prevSelector+nextSelector:返回紧跟在prevSelector之后的第一个
nextSelector对应的html元素包装成的jquery对象;prevSelector~nextSelector:返回位于prevSelector之后的所有nextSelector对应html元素封装的jquery对象;
可见返回的jquery对象并不止一个,而是类似于数组,包含多个DOM元素包装的jQuery对象。
---选择器的附加限定词:使用限定词我们可以从返回的一大堆jquery对象中选出我们想要的对象;
:first 返回jquery对象中的第一个;:last 返回jquery对象中的最后一个;:not(selector) 返回jquery对象中去除该选择器的;:even 返回jquery对象中索引为奇数的对象;
:odd 返回jquery对象中索引为偶数的对象(索引元素从0开始);:eq(index) 返回索引为index的对象;:gt(index) 返回索引大于index对象;:lt(index) 返回索引小于index
的对象;。。。。。
---