1. 首页
  2. 编程语言
  3. Web开发
  4. 精通JavaScript+jQuery第十章.pdf 高清版

精通JavaScript+jQuery第十章.pdf 高清版

上传者： 2020-07-30 23:50:53上传 PDF文件 2.53MB 热度 15次
精通JavaScript+jQuery第十章.pdf 高清版精通avaScript+ jQuery第10章 jQuery基础background- color:#a5e5a;/*隔行变色*d>so
NameClassBirthdayConstellationMobile
isaacw13Jun 24ths/d>>Cancer1118159fresheggsw610 Noy 5th1038818window. onload- functions101 jQuery概述var oTable= document. get Element ByldcoTable")for(var i=0 ith scope="col">Name
ClassConstellationMobile
isaacw13/td> Jun 24thCancer1118159
fresheggsW610 Nov 5th Scorpio1038818lr>!-不再需要手动添加CSS类别
在导入 jQuery框架后,便可以按照它的语法规则随意地使用了。10.2 jQuery的在 jQuery中,最频繁使用的莫过于美元符号“$”’,它提供了各种各样丰富的功能,包括选择页面中的一个或是一类元素、作为功能函数的前缀、 window. onload的完善、创建页面的DOM节点等。本节主要介绍 jQuery中“$”的使用方法,作为以后的章节的基础。102.1选择器在CSS中选择器的作用是选择页面中某一类(类别选择器)元素或者某一个元素(id选择器),而 jQuery中的“$”作为选择器,同样是选择某一类或某一个元素,只不过 jQuery提供了更多更全面的选择方式,并且为用户处理了浏览器的兼容问题。例如,在CSS中可以通过如下代码来选择

标记下包含的所有子标记,然后添加相应的样式风格。/*添加CSS属性*而在 jQuery则可以通过如下代码来选中

标记下包含的所有子标记,作为一个对象数组,供 Javascript调用。("h2a")如例10.4所示,文档中有两个

标记,分别包含了子元素【例10.4】使用“$选择器(光盘文件:第10章104.hη)s选择器cript language="javascript">window. onload- functionsvar eLements=s("h2a");选择匹配元素for(var 1=0; i

内容

正文< a href="#">内容

运行结果如图10.6所示。可以看到 jQuery很轻松地实现了元素的选择。如果使用DOM,精通avaScript+ jQuery第10章 jQuery基础类似这样的节点选择将需要大量的 JavaScript代码。C选择器- Windows Interne.回☆价选择0内容正文包本地 Intranet100%图10.6$选择器jQuery中选择器的通用语法如下S(selector或者:jQuery (selector)其中 selector符合CSS3标准,这在后面的章节会详细地介绍,下面列出了一些典型的 jQuery选择元素的例子:S(#show Div")id选择器,相当于 Javascript中的 document. getElementByld("# tshow div"),可以看到 jQuery的表示方法简洁很多。SO".Some Class")类别选择器,选择CSS类别为“ Someclass”的所有节点元素,在 Javascript中要实现相同的选择,需要用for循环遍历整个DOM。选择所有位于奇数行的

标记。几乎所有的标记都可以使用“:od”或者“even”来实现奇偶的选择。Std nth-child(1)")所有表格行的第一个单元格,就是第一列。这在修改表格的某一列的属性时是非常有用的,不再需要一行行遍历表格S("i>a")子选择器,返回<>标记的所有子元素,不包括孙标记。S"[hrefs-=pdf]")选择所有超链接,并且这些超链接的href属性是以“pdf”结尾的。有了属性选择器,可以很好地选择页面中的各种特性元素。关于 jQuery的选择器的使用还有很多技巧,在后面的章节都会陆续介绍。256102 jQuery的“$注意在 jQuery中美元符号“$"其实就等同于“ jQuery",从 jQuery的源码中也可以看到这一点,例如ifvar jQuery= window. jQueryvar j Query =window. jQuery= function( selector, context )i/The jQuery object is actually just the init constructor ' enhancedreturn new jQuery prototype init( selector, context )/ Map over the s in case of overwriteif( window Svar $=window. SMap the jQuery namespace to the 'Sonewindow. S= jQue为了编写代码的方便,通常都采用“$”来代替“ jQuery"。10.2.2功能函数前缀在 JavaScript中,开发者经常需要编写一些小函数来处理各种操作细节,例如在用户提交表单时,需要将文本框中的最前端和最末端的空格清理掉。 JavaScript没有提供类似τrimO的功能,而引入 jQuery后,便可以直接使用 trimO函数,例如:S trim(sString)以上代码相当于:jQuery. trim(s String);即 trimO函数是 jQuery对象的一个方法,用例10.5做简单的检验。【例10.5】 jQuery中去除首尾空格的stm方法(光盘文件:第10章1-5hm)S trim(