- 1、本文档共15页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
】
一、选择网页元素
二、改变结果集
三、链式操作
四、元素的操作:取值和赋值
五、元素的操作:移动
六、元素的操作:、删除和创建
七、工具方法
八、操作
九、特殊效果
【正文】
一、选择网页元素
jQuery的基本设计思想和主要用法,就是选择
某个网页元素,然后对其进行某种操作。这是它
区别于其他Javascript库的根本特点。
使用jQuery的第一步,往往就是将一个选择表达
式,放进构造函数jQuery()(简写为$),然后
得到被选中的元素。
选择表达式可以是CSS选择器:
$(document)//选择整个文档对象
$(#myId)//选择ID为myId的网页元素
$(div.myClass)//选择class为myClass的div元素
$(input[name=first])//选择name属性等于first的
input元素
也可以是jQuery特有的表达式:
$(a:first)//选择网页中第一个a元素
$(tr:odd)//选择表格的奇数行
$(#myForm:input)//选择表单中的input元素
$(div:visible)//选择可见的div元素
$(div:gt(2))//选择所有的div元素,除了前三个
$(div:animated)//选择当前处于动画状态的div元素
二、改变结果集
jQuery设计思想之二,就是提供各种强大的过滤
器,对结果集进行筛选,缩小选择结果。
$(div).has(p);//选择包含p元素的div元素
$(div).not(.myClass);//选择class不等于myClass的
div元素
$(div).filter(.myClass);//选择class等于myClass的
div元素
$(div).first();//选择第1个div元素
$(div).eq(5);//选择第6个div元素
有时候,我们需要从结果集出发,移动到附近的
相关元素,jQuery也提供了在DOM树上的移动
方法:
$(div).next(p);//选择div元素后面的第一个p元素
$(div).parent();//选择div元素的父元素
$(div).closest(form);//选择离div最近的那个form父
元素
$(div).children();//选择div的所有子元素
$(div).siblings();//选择div的同级元素
三、链式操作
jQuery设计思想之三,就是最终选中网页元素以
后,可以对它进行一系列操作,并且所有操作可
以连接在一起,以链条的形式写出来,比如:
$(div).find(h3).eq(2).html(Hello);
分解开来,就是下面这样:
$(div)//找到div元素
.find(h3)//选择其中的h3元素
.eq(2)//选择第3个h3元素
.html(Hello);//将它的内容改为Hello
这是jQuery最令人称道、最方便的特点。它的原
理在于每一步的jQuery操作,返回的都是一个
jQuery对象,所以不同操作可以连在一起。
jQuery还提供了.end()方法,使得结果集可以后
退一步:
$(div)
.find(h3)
.eq(2)
.html(Hello)
.end()//退回到选中所有的h3元素的那一步
.eq(0)//选中第一个h3元素
.html(World
您可能关注的文档
- 跟网校学纳税筹划nsch jyh.pdf
- 逻辑3.运用辩证思维方法答案公开课教案教学设计课件资料.docx
- 高中化学奥赛辅导有机化学(第一部分之一)公开课教案教学设计课件资料.ppt
- 高一电子电工第一学期期末考试试卷公开课教案教学设计课件资料.docx
- 2021年高二下期末模拟考试答案公开课教案教学设计课件资料.docx
- 高一化学期中复习卷3公开课教案教学设计课件资料.docx
- 2.7++++元素符号表示的量—2020-2021学年浙教版八年级科学下册课件+公开课教案教学设计课.ppt
- 第3讲:化学反应原理之计算公开课教案教学设计课件资料.pptx
- 最值函数与绝对值函数——max、min、多元最值公开课教案教学设计课件资料.pptx
- 0302-工作过程公开课教案教学设计课件资料.pptx
- 2023学年诸暨中学高三年级第二学期3月第二次模拟考试(政治)公开课教案教学设计课件资料.docx
- 运动的合成与分解(二)公开课教案教学设计课件资料.pptx
- 近五年浙江省各地图形的翻折(轴对称)原题公开课教案教学设计课件资料.doc
- 如何做教师-2019-11-13-中关村一小相关公开课教案教学设计课件资料.pptx
- 生活中的圆周运动 (水平面)正式版公开课教案教学设计课件资料.pptx
- 专题10 条件概率与全概率公式公开课教案教学设计课件资料.docx
- 金华市东阳市2019学年第二学期期末测试卷公开课教案教学设计课件资料.doc
- 5 琥珀(第二课时)【慕课堂版】公开课教案教学设计课件资料.pptx
- 项目五 打印米老鼠模型公开课教案教学设计课件资料.ppt
- (打印版)9月25日地理周练公开课教案教学设计课件资料.docx
文档评论(0)