jquery从入门到精通免费Word格式.docx

1、background-color:Red;.greenGreen;.blueBlue;/style$（document）.ready（function（）$（div）.addClass（blue）;/$（#olIDligreen）.hover（$（this）.addClass（red）,$（this）.removeClass（）;li:last）/headbodyformid=form1divololIDliTerry.Feng.C冯瑞涛fengruitao/div/form/body/htmljQuery 选择器的使用jQuery 能如此的流行，很重要的一点也许就是他有非常强大且灵活的选择器

2、，下面是一个使用选择器的例子，同样你可以复制下面的代码运行一下。font-size:x-small;font-weight:bold;.yellowYellow;x-large;lipadding:03px;.horizontalfloat:left;list-style:none;margin:10px;.sub-levelbackground:#ffc;acolor:#00f;a.mailto#f00;a.pdflink#090;a.mysitetext-decoration:border-bottom:1pxdotted.table-heading#ff0;thtext-align:.o

3、dd.even#eee;.highlight.italicfont-style:italic;.bold#0066ff;#ffffff;line-height:20px;/*/height:30px;/我们使用$（document）.ready（）包住我们的jQuery代码，DOM加载完毕后就可以使它所有东西都可用。$（document）.ready（function（）$（span:contains（冯瑞涛）.addClass（red/添加风格，让list横向排列/选择#selected-plays下面的li元素#selected-playslihorizontal/递归所有li，自定义选择

4、器:not排除.horizontal类的元素not（.horizontal）sub-level使用XPath属性选择器为链接分配Class/正则表达式，获得所有内容为mailto:开始的ahref=mailto:mailto/正则表达式，内容为.pdf结尾的ahref$=.pdfpdflink/正则表达式，内容任何位置为finehappy的ahref*=finehappymysite/为th的父对象tr添加类th）.parent（）.addClass（table-heading/tr，除了内容存在th属性的并且TR索引值匹配为偶数的元素tr:not（th）:even/奇数odd/$（not（t

5、h）.filter（:/同样可以实现/发现存在WPF的tdtd:contains（WPF）highlight/自定义选择器，内容中带有WPF的同辈（同级别）为td的元素高亮显示）td一下这些实现可以得到上面同样的结果，代表了jQuery选择器的灵活和链接能力1得到包含Henry的单元格，然后它的兄弟（不只是下一个的兄弟）。加入这个类：Henry）.siblings（）.addClass（2得到包含的单元格，得到它的父亲，然后查找所有在它里面大于0的单元格（0是第一个单元格），加入这个类：）.parent（）.find（gt（0）.addClass（3得到包含的单元格，得到它的父亲，查找所有在它

6、里面，然后过滤那些除了包含Henry的，加入这个类：）.not（4得到包含的单元格，得到它的父亲，查找在它的孩子里面的第二个单元格，然后加入这个类，取消上一个.find（），在孩子里查找第三个单元格，并加入这个类：eq（1）.addClass（）.end（）.find（eq（2）span冯瑞涛，祝愿找到我博客的同学2009年身体健康ulselected-plays北京ulahref=finehappy网站宣武上海finemoon.pdf书籍下载浦东广州Mailto：fengruitao我的邮件级别12天河图书阅读tableborder=0cellspacing=1cellpadding=5tr

7、th图书名称/th作者出版日期/trtdWPF揭秘/tdAdamNathan2007年1月WCF*2007年2月SharePointService3.0开发指南ToddC.Bleeker2007年3月/tablejQuery 的事件处理jQuery 事件处理的例子，你可以复制下面的代码，运行并对照注释，快速理解jQuery常用的事件处理方法。Head1.poem5em;.chapter1em;#switcherright;#ddd;border:solid#000;.9em;#switcherh30;按钮类*/#switcher.buttonwidth:100px;center;#fff;border-top:3px#888;border-left:#444;border-right:#headerclear:both;body.large#container1.5em;body.narrow400px;.selected.hiddendisplay:.hovercursor:pointer;#afa;