无废话jquery贝壳就是本文作者了也属于刚刚会用点JQuery的那一类型,在

1、出处贝壳(就是本文作者了)也属于刚刚会用点JQuery的那一类型,在学习过程中也遇到挺多问题,特别是在开始入门的时候.一直准备写些有关JQuery的文章,但,最终还是鼓起 勇气. 如在文章中JQuery出处贝壳(就是本文作者了)也属于刚刚会用点JQuery的那一类型,在学习过程中也遇到挺多问题,特别是在开始入门的时候.一直准备写些有关JQuery的文章,但,最终还是鼓起 勇气. 如在文章中JQueryBTW:贝壳假设你已经掌了基本的JavaScriptCSSJQuery是什JQuery只是一个JS文想掌握又怕自己学不会. 其实JQuery简单.JQuery真要直接调用就可以了(有点类似SDK)

2、,具体记住JQuery很简单,很方便.Release本系1.32版进行讲解JQuerypressedMinified(JSpressedMinifiedJQuery能带什,BOM,DOM,CSS,CSSDOM自己的亲身经历,比如表格(Table)TRJavaScript得用几十行代码,JQuery2做过JavaScriptJavaScriptJQuery能带什,BOM,DOM,CSS,CSSDOM自己的亲身经历,比如表格(Table)TRJavaScript得用几十行代码,JQuery2做过JavaScriptJavaScriptJQueryJavaScriptJQuery如何使用JQuery

3、htmlindex.html 并与JQueryjquery- 1.3.2.js放到同目录下(其实放那都可以)首解决JQueryJQueryscriptlanguage=javascriptsrc=jquery- 红色的那一行代码就完成了JQueryscriptlanguage=javascriptsrc=jquery- 红色的那一行代码就完成了JQuery ,简单再扩充一个功能,使 index.htmlindex.htmlmeta http-equiv=Content-JQuerystyle content=text/html; charset=utf-/*table.tabEven back

4、ground: /*table.tabOdd background: script language=javascript src=jquery-script language = JavaScript $(#tabTest $(#tabTest $(#tabTest table快购利众网快购利众网快购利众网快购利众网快购利众网:$(#tabTest $(#tabTest ).ready JavaScriptJQueryJavaScript:$(#tabTest $(#tabTest ).ready JavaScriptJQueryJavaScript有使用JQuery的JavascriptD

5、OMDOM$(#tabTesttr:even).addClass(tabEvenidtabTest的偶数行tabEvenCSS$(#tabTesttr:odd).addClass(tabOdd);的奇数行tabEvenCSS为idtabTestJQuery!JavaScriptJQuery入门篇所说的那样,其实JQuery简单JQuery简单,take从那开始呢? 最好的切入地方就从JQueryreadyonLoad,.定JQuery简单,take从那开始呢? 最好的切入地方就从JQueryreadyonLoad,.定功简单地说个方法纯粹是对向 window.load 事事件的替代方法并99.

6、99%的JavaScriptjQueryready请确保在 元素的onload事件中没).ready()事件函数，否则不会触可以在同一个页面中无限次地使用函数会按照（代码中的）).ready()的readyonLoad就会问了,有onLoad方干什么还要用ready方法我个人的体会及看法是 onLoadJavaScript中,ppkJavaScript一o 二var = o ready)ready就明白了$()index.htmlmeta http-equiv=Content-JQuery二var = o ready)ready就明白了$()index.htmlmeta http-equiv=

7、Content-JQuerycharset=utf-style .p1 .p2 font-script src=jquery-script language = JavaScript script language = JavaScript var aP =myPdiv div div 代:代:var aP 选择文档里全部的元素对象,不论在文档中所处的层次结构如何, 7个=myP234快购利众567CSSame)函数很简单,就是为前面$()ame)函数也很简单,就是去掉前面$()选择文档里 id 为myP的指定元素对象,ame)函数也很简单,就是去掉前面$()选择文档里 id 为myP的指定元

8、素对象,并为该元素对象增加名称为1个=myPID为p31个快购利众网 知识点现在可以为大家正式介绍$(),在JQuery称她为选择器函数,现在大家自己试试,记住选择器选择出的对象有可能是多个$(#myDiv 功能一,$(#myDiv)1个元素对象, p) 在上面2个元素对象中的任意层中选择元素对象.几个?3个快购利众网4快购利众网5快购利众网 其中456 都是在div 虽然4是在idmyDivInner但因为idmyDivInnerdiv 也是其中456 都是在div 虽然4是在idmyDivInner但因为idmyDivInnerdiv 也是idmyDiv快购利众5也属于idmyDivA,B

9、BA最后为这 3 个元素对象增加名为p3的样知识点: 对于这类有层次的选择表达式$(A B),A选择器和B选择器以是名,#id,.css三种中的任意一种,中间用空格分开,空格表示任意层次.右边的B 选择器是在左边A 选择器选择的结果上进任意层次中择住是在左边选择出的元素对象(可能是多个)的是多个). - 这个知识点一定要理解透!进行再次选择(可功能对象,56,并为该对象增加名为 功能:匹配所有紧接在div第一个同辈p+代表紧接着 div 同层的第一个子元素对象idmyDiv同层后面正好是一个知识是紧接着,如果AB功能#myDiv后的所有p+varaP$(aP).addClass(p2) 其实就

10、是$(#myP).addClass(p2)$()DOM当你能看到这句对功能#myDiv后的所有p+varaP$(aP).addClass(p2) 其实就是$(#myP).addClass(p2)$()DOM当你能看到这句对你说辛苦了学习的过程本来就是艰辛难耐的,唯为坚持才能战胜一切应该明白之前的的用JQuery，JavaScript,CSS里JavaScript 方功能如运算符(+-*/等)控制流程语句(if,for,while等)等等我就不说了. 这是最最基本的知识.BOM知Browser Object windowBOMwindow可以简单的把一个IE事冒泡与捕获至(上面所说的功能如运算符

11、(+-*/等)控制流程语句(if,for,while等)等等我就不说了. 这是最最基本的知识.BOM知Browser Object windowBOMwindow可以简单的把一个IE事冒泡与捕获至(上面所说的Object WEBDOMDOM(后样进行增加,修改,删除. 比如绑定CSSclass可以动态的增加节点(比如,也可以在运 行中控制节点是否可见(display:none)CSS方CSSCascadingStyleSheet如果说HTML是骨架与行为的话,那CSS定义p 作用范围:所有pbody 整个bodytable 各所table#节点ID#myID IDnewNode的节点.(只要I

12、DCSS方CSSCascadingStyleSheet如果说HTML是骨架与行为的话,那CSS定义p 作用范围:所有pbody 整个bodytable 各所table#节点ID#myID IDnewNode的节点.(只要ID.newStyleclass总结以上是我对JSCSS书籍.JavaScriptppklable).css(display, else $(#cbType3CreditDesc).css(display, $(#cbType3CreditDesc).css(display, inline-$(#labType3CreditDesc).css(display, $(#cbTyp

13、e3CreditDesclable).css(display, else $(#cbType3CreditDesc).css(display, 3蓝色代码的分因为三小段代码的功能结构是一样的,所以我只拿第一小段的代码来分析说该段的代码有一个新的知识点JQuery事件绑$().click(执行函数click$(#cbType1CreditDesc)该代码是选择IDcbType1CreditDesc(DOM那上面整段代码的意思是, 为IDcbType1CreditDescclickfunction()controlShow();$(#cbType1CreditDesc)该代码是选择IDcbType

14、1CreditDesc(DOM那上面整段代码的意思是, 为IDcbType1CreditDescclickfunction()controlShow();JQueryclickclick解除事件绑$(#cbType1CreditDesc).bind(click这样 cbType1CreditDesc 元素的clickid桔红色代码的分同样是因为三小段代码的功能结构是一样的,所以只拿第一小段代码来分if ($(#cbType1CreditDesc).attr(checked) = true) $(#cbType1PriceAsc).css(display, inline-$(#labType1P

15、riceAsc).css(display, inline-else $(#cbType1PriceAsc).css(display, $(#labType1PriceAsc).css(display, 该段的代码有二个新的知识点, JQuery 的元素属性$().attr(属性取得第一个匹配元素的属性值。通过这个方法可以方便地undefined 。$().css(样式属性,属性值) IDcbType1CreditDescchecked 为true(也就是说被IDcbType1PriceAscdisplay12367.Lets moving.在我博客里有朋友留言说JQuery的API他都看了,但

16、在实际应用时不知道嗯. 这个问题提的很好,我认为也具有普遍性, 我在学12367.Lets moving.在我博客里有朋友留言说JQuery的API他都看了,但在实际应用时不知道嗯. 这个问题提的很好,我认为也具有普遍性, 我在学JQuery中并没有遇到这种感觉, 当然我不是夸自己多牛X, 因为我从学JQuery的第一JQueryJQuery一, JQueryJQueryJQuery平时用的JavaScript样优化后的工具. 要实现同样的功能,JavaScript,JQueryJavaScriptJQueryJQuery1,JQuery2,JQuery这个), 除了现在快购利众网 MapJQ

17、uery了JQuery的语法,使用,注意事项等这也不正是重构的开今天我准备和大起交流一下JQueryAjax. 还是以前那句话,JQuery 很容易JQuery中的今天我准备和大起交流一下JQueryAjax. 还是以前那句话,JQuery 很容易JQuery中的在开始之前我还得事先申明一下,我对Ajax 的理解目前只限于网页与服接来JavaScriptAjax XMLHttpRequestXMLHttpRequestActiveXObject,.open置 请求头 然后 .sendJQueryJQuery记,JQueryJQueryAjax快购利众网第一种实getNextThemeJavaS

18、criptfunction /完成后的回调函数,其实也可以不用这个,JQueryif plete = e = 4) vardata=XMLHttpRequest.responseText; else this.instance.finished(搜索线程发生错误 + getNextTtotype.finished = /对服务器返回的数据 data/ 对 datagetNextTtotype.begin = instance: url:PROXY_URL_THEME,写的,也可以是JSP,ASPcache:false, async: true,ype: timeout:15000, /对服务器

19、返回的数据 data/ 对 datagetNextTtotype.begin = instance: url:PROXY_URL_THEME,写的,也可以是JSP,ASPcache:false, async: true,ype: timeout:15000, vargetTheme=newgetNextTheme(); 代码JavaScriptgetNextThemevargetTheme=newgetNextTheme(); getNextThemebegin()JavaScript:instance: url:PROXY_URL_THEME,写的,也可以是JSP,ASPcache:fals

20、e, async: true,ype: timeout:15000, 选择是以GETTtrue,false,url:PROXY_URL_THEME,写的,也可以是JSP,ASPcache:false, async: true,ype: timeout:15000, 选择是以GETTtrue,false,ype:complete: 更详细的参数说明请大家自己参考JQuery手册,上面讲的比我说知识instance定义的, 怎么定义? 直接写上去就是了,参数可以自己命名.instanceJQueryJQuery自己的数据,怎么办可以在 $.ajax() 中的数据放进去,这样回调instanceif plete = e = 4) vardata=XMLHttpRequest.responseText; else this.instanc