您好,欢迎访问三七文档
英文标题:30-40pt副标题:26-30pt字体颜色:R255G255B255内部使用字体:Arial外部使用字体:Arial中文标题:32-40pt字体:宋体副标题:24-28pt字体颜色:R255G255B255字体:华文细黑2020/8/14介绍英文标题:20-30pt字体:Arial中文标题:20-30pt字体:华文细黑首选颜色:R0G0B0备选颜色:R234G87B3英文正文:18-20pt子目录(2-3级):18pt字体:Arial中文正文:18-20pt子目录(2-5级):16-20pt字体:华文细黑首选颜色::R0G0B0备选颜色:R234G87B3第三度目录jQuery简介jQuery选择器及DOM基本操作事件处理及动画用jQuery改进现有代码插件介绍jQuery学习资源英文标题:20-30pt字体:Arial中文标题:20-30pt字体:华文细黑首选颜色:R0G0B0备选颜色:R234G87B3英文正文:18-20pt子目录(2-3级):18pt字体:Arial中文正文:18-20pt子目录(2-5级):16-20pt字体:华文细黑首选颜色::R0G0B0备选颜色:R234G87B3第三度使用JavaScript的困境•JavaScript太难写了!糟糕的DOM操作:getElementsByTagName、getElementById、document、innerHTML。。。•各个浏览器各自为政浪费大量时间处理跨浏览器的问题•代码难重用、难维护在网上东抄西抄,代码风格不统一,代码难维护,仅仅实现功能,缺乏重用机制。英文标题:20-30pt字体:Arial中文标题:20-30pt字体:华文细黑首选颜色:R0G0B0备选颜色:R234G87B3英文正文:18-20pt子目录(2-3级):18pt字体:Arial中文正文:18-20pt子目录(2-5级):16-20pt字体:华文细黑首选颜色::R0G0B0备选颜色:R234G87B3第三度使用JavaScript框架英文标题:20-30pt字体:Arial中文标题:20-30pt字体:华文细黑首选颜色:R0G0B0备选颜色:R234G87B3英文正文:18-20pt子目录(2-3级):18pt字体:Arial中文正文:18-20pt子目录(2-5级):16-20pt字体:华文细黑首选颜色::R0G0B0备选颜色:R234G87B3第三度jQuery是什么?jQuery是一个开放源代码的JavaScript框架,它能简化HTML与JavaScript程序之间的交互。———jQuery作者JohnResig英文标题:20-30pt字体:Arial中文标题:20-30pt字体:华文细黑首选颜色:R0G0B0备选颜色:R234G87B3英文正文:18-20pt子目录(2-3级):18pt字体:Arial中文正文:18-20pt子目录(2-5级):16-20pt字体:华文细黑首选颜色::R0G0B0备选颜色:R234G87B3第三度为什么选择jQuery?•好学好用,还很轻巧完全支持CSS3的选择器,方便的包装集和函数链。完整的源码大小(压缩后)仅仅24Kb(最新版本v1.4.2)跨浏览器支持IE6.0+,FF2+,Safari3.0+,Opera9.0+,Chrome•开放的架构核心库仅仅包含大多数页面需要的功能,易于附加功能进行扩展,通过扩展jQuery库,可以利用核心库提供的强大功能(选择器、包装集)。强大的社区完善的文档与数以千计的插件。英文标题:20-30pt字体:Arial中文标题:20-30pt字体:华文细黑首选颜色:R0G0B0备选颜色:R234G87B3英文正文:18-20pt子目录(2-3级):18pt字体:Arial中文正文:18-20pt子目录(2-5级):16-20pt字体:华文细黑首选颜色::R0G0B0备选颜色:R234G87B3第三度jQuery能做什么?找到特定元素操作这些元素$(“divp”).addClass(“special”);jQuery对象$=jQuery英文标题:20-30pt字体:Arial中文标题:20-30pt字体:华文细黑首选颜色:R0G0B0备选颜色:R234G87B3英文正文:18-20pt子目录(2-3级):18pt字体:Arial中文正文:18-20pt子目录(2-5级):16-20pt字体:华文细黑首选颜色::R0G0B0备选颜色:R234G87B3第三度英文标题:20-30pt字体:Arial中文标题:20-30pt字体:华文细黑首选颜色:R0G0B0备选颜色:R234G87B3英文正文:18-20pt子目录(2-3级):18pt字体:Arial中文正文:18-20pt子目录(2-5级):16-20pt字体:华文细黑首选颜色::R0G0B0备选颜色:R234G87B3第三度基本CSS选择器选择器描述*匹配任何元素E匹配标签名称为E的所有元素EF匹配标签名称为F、作为E的后代节点的所有元素EF匹配标签名称为F、作为E的直接子节点的所有元素E+F匹配前面是邻近兄弟节点E的所有元素F(E和F紧挨着)E-F匹配前面是任何兄弟节点E的所有元素F(E和F可以不紧挨)E.C匹配带有类名C的所有元素En。.C等效于*.CE#I匹配id特征值为I的元素E。#I等效于*#IE[A]匹配带有特征A的所有元素E(不管特征A的值是什么)英文标题:20-30pt字体:Arial中文标题:20-30pt字体:华文细黑首选颜色:R0G0B0备选颜色:R234G87B3英文正文:18-20pt子目录(2-3级):18pt字体:Arial中文正文:18-20pt子目录(2-5级):16-20pt字体:华文细黑首选颜色::R0G0B0备选颜色:R234G87B3第三度选择器1HTML元素$(‘p’)divh1Title/h1pid=‘first’spanTEST/span/ppclass=“second’TEST2/p/divHTML元素加上ID$(‘p#first’)$(‘#first’)divh1Title/h1pid=‘first’spanTEST/span/ppclass=“second’TEST2/p/divHTML元素加上class$(‘p.second’)$(‘.second’)divh1Title/h1pid=‘first’spanTEST/span/ppclass=“second’TEST2/p/div英文标题:20-30pt字体:Arial中文标题:20-30pt字体:华文细黑首选颜色:R0G0B0备选颜色:R234G87B3英文正文:18-20pt子目录(2-3级):18pt字体:Arial中文正文:18-20pt子目录(2-5级):16-20pt字体:华文细黑首选颜色::R0G0B0备选颜色:R234G87B3第三度选择器2后代节点元素div节点内所有p结点$(‘divp’)divh1Title/h1pid=‘first’spanTEST/span/ppclass=“second’TEST2/p/div直接子节点元素div下一级的h1节点$(‘divspan’)没有匹配节点$(‘divh1’)divh1Title/h1pid=‘first’spanTEST/span/ppclass=“second’TEST2/p/div相邻节点h1节点之后的p节点$(‘h1+p’)divh1Title/h1pid=‘first’spanTEST/span/ppclass=“second’TEST2/p/div英文标题:20-30pt字体:Arial中文标题:20-30pt字体:华文细黑首选颜色:R0G0B0备选颜色:R234G87B3英文正文:18-20pt子目录(2-3级):18pt字体:Arial中文正文:18-20pt子目录(2-5级):16-20pt字体:华文细黑首选颜色::R0G0B0备选颜色:R234G87B3第三度选择器3混合元素取两个元素的并集$(‘div,p’)divh1Title/h1pid=‘first’spanTEST/span/ppclass=“second’TEST2/p/div所有元素$(‘*’)divh1Title/h1pid=‘first’spanTEST/span/ppclass=“second’TEST2/p/div兄弟节点元素取h1节点之后的所有p节点(与h1同一层次)$(‘h1~p’)divh1Title/h1pid=‘first’spanTEST/span/ppclass=“second’TEST2/p/div英文标题:20-30pt字体:Arial中文标题:20-30pt字体:华文细黑首选颜色:R0G0B0备选颜色:R234G87B3英文正文:18-20pt子目录(2-3级):18pt字体:Arial中文正文:18-20pt子目录(2-5级):16-20pt字体:华文细黑首选颜色::R0G0B0备选颜色:R234G87B3第三度选择器4选择器描述$(‘[href]’)属性$(‘[target=_blank]’)属性+值$(‘a[rel]’)元素+属性$(‘[rel!=nofollow]’)属性值不等于$(‘[href^=http]’)属性值以XX开头$(‘[href$=jquery.com]’)属性值以XX结尾$(‘[href*=jquery]’)属性值包括XX$(‘[href^=jquery][target=_blank]’)元素的多个属性条件组合英文标题:20-30pt字体:Arial中文标题:20-30pt字体:华文细黑首选颜色:R0G0B0备选颜色:R234G87B3英文正文:18-20pt子目录(2-3级):18pt字体:Arial中文正文:18-20pt子目录(2-5级):16-20pt字体:华文细黑首选颜色::R0G0B0备选颜色:R234G87B3第三度筛选器1$(‘p:first’)最先匹配的元素$(‘p:last’)最后匹配的元素$(‘p:not[class=bodytext]’)对指定的筛选器求反$(‘p:even’)偶数次匹配的元素$(‘p:odd’)奇数次匹配的元素英文标题:20-30pt字体:Arial中文标题:20-30pt字体:华文细黑首选颜色:R0G0B0备选颜色:R234G87B3英文正文:18-20pt子目录(2-3级):18pt字体:Arial中文正文:18-20pt子目录(2-5级):16-20pt字体:华文细黑首选颜色::R0G0B0备选颜色:R234G87B3第三度筛选器2第n个匹配元素$(‘p:eq(2)’)p1/pp2/pp3/pp4/pp5/pp/p第n个匹配元素之后的元素$(‘p:gt(2)’)p1/pp2/pp3/pp4/pp5/pp/p第n个匹配元素之前的元素$(‘p:lt(2)’)p1/pp2/pp3/pp4/pp5/pp/p英文标题:20-30pt字体:Arial中文标题:20-30pt字体:华文细黑首选颜色:R0G0B0备选颜色:R234G87B3英文正文:18-20pt子目录(2-3级):18pt字体:Arial中文正文:18-20pt子目录(2-5级):16-20pt字体:华文细黑首选颜色::R0G0B0备选颜色:R234G8
本文标题:jQuery简介
链接地址:https://www.777doc.com/doc-6770428 .html