`

JQuery基础教程学习第五章笔记

阅读更多

1、attr()函数。
在改变多个属性的时候可以采用键值对的形式
$('#divid').attr({'rel':'external','id':'wikilink'});
2、.insertBefore()和.before();.insertAfter()和.after()函数
$(document),ready(function(){
     $('<a href="#top">back to top</a>').insertAfter('dive .cjapter p');
     $('<a id="top" name="top"></top>').prependTo('body');
});
('dive .cjapter p').after('<a href="#top">back to top</a>');
3、wrap()函数
4、复制元素 .clone()
(1).clone():元素及子元素都复制
(2).clone(false):只复制匹配的元素而不复制其子元素。
5、DOM操作方法的简单归纳
(1)要在每个匹配的元素中插入新元素,使用:
.append();//在匹配的元素内部最后面添加代码
.appendTo();

.prepend();//在匹配的元素内部最前端面添加代码
.prependTo();
(2)要在每个匹配的元素相邻的位置上插入新元素,使用:
.after();
.insertAfter();
.before();
.insertBefore();
(3)要在每个匹配的元素外部插入新元素
.wrap()
(4)要用新元素或者文本替换每个匹配的元素,使用:
.html()
.text()
(5)要移除每个匹配的元素中的元素,使用:
.empty()
(6)要从文档中移除每个匹配的元素及其后代元素,但不实际删除它们,使用:
.remove();

分享到:
评论

相关推荐

    jQuery基础教程笔记适合js新手第1/2页

    这些是jQuery基础教程中的一些关键点,对于JS新手来说,理解和掌握这些概念将有助于更好地利用jQuery进行网页开发。通过实践和不断学习,你可以更熟练地运用jQuery来提升网页交互性和用户体验。

    千峰python课件笔记+源码 (凯哥)

    千锋python基础教程:1、第一个python程序与数据存储 '千锋python基础教程:2、print&input;与变量和运算符' 千锋python基础教程:3、字符串与循环中的while '千锋python基础教程:4、布尔&list;与条件循环语句与...

    杨中科.Net培训实况教学视频学习笔记+视频地址1-13季

    在杨中科的课程中,学员将从基础开始学习C#,如创建第一个控制台程序、理解变量、数据类型和基本运算。 3. **开发工具Visual Studio**: 作为.NET开发的主要IDE,Visual Studio提供了强大的代码编辑、调试、版本控制...

    jquery_study_all and jquery_api and jquery_ui_1.8.6

    每一章可能详细讲解了不同的主题,比如“02第二章”可能涉及基本的jQuery选择器和元素操作,而“05第五章”可能涵盖更复杂的DOM操作和事件处理。 在学习jQuery时,了解其API是非常重要的。例如,“Ajax - 副本.html...

    jquery动画笔记

    本篇主要针对jQuery的动画功能进行深入探讨,结合“笨人的学习笔记”中的视频教程,我们将一起学习如何运用jQuery实现各种动画效果。 一、jQuery动画基础 jQuery的动画功能主要通过几个核心函数实现,包括`fadeIn...

    李炎恢JavaScript-pdf文档笔记

    《李炎恢JavaScript-pdf文档笔记》是一份详细记录了JavaScript编程语言基础知识至高级应用的教程,涵盖了从第一章到第三十四章的丰富内容。这个压缩包包含了一份PDF文档,旨在帮助学习者深入理解并掌握JavaScript的...

    15天学会jquery_完整版_

    **第1天:jQuery基础知识** - **jQuery选择器**:学习如何使用ID选择器、类选择器、元素选择器等,以及更复杂的组合选择器和伪类选择器。 - **DOM操作**:了解如何使用jQuery选取元素、添加或删除元素,并进行属性...

    jQuery单选按钮和复选按钮美化效果.zip

    1. **jQuery基础**:jQuery库通过选择器、事件处理、动画和AJAX等特性,简化了DOM操作。在这个项目中,jQuery被用来改变HTML元素的样式和行为,尤其是单选按钮和复选按钮。 2. **选择器**:jQuery的选择器允许...

    jQuery适应手机mobile左右全屏幻灯片切换插件.zip

    5. **jQuery实例**:表示这个插件是一个实际的应用示例,可以直接在项目中使用或学习参考。 根据压缩包内的文件名称,我们可以推测其结构: 1. **index.html**:这是网页的主入口文件,通常包含HTML结构和引用的...

    6-10.rar web前端笔记

    【标题】"6-10.rar - Web前端笔记"涵盖了Web前端开发的多个关键知识点,这份资料可能是某个课程或教程的第六至第十部分的总结。Web前端开发是构建互联网应用程序和网站的重要领域,主要关注用户界面和用户体验。下面...

    tj12401101前端开发笔记

    【标题】"tj12401101前端开发笔记" 提示我们这是一个关于前端开发的学习资源,可能是某位开发者的学习记录或者教程集合。前端开发是构建互联网应用程序的重要部分,涉及到用户与网站交互的所有视觉元素。在这个笔记...

    千锋教育Python入门教程.pdf

    9. **JavaScript与JQuery基础**:JavaScript是前端开发的关键,JQuery则是一个简化JavaScript操作的库,它们可以用于动态网页和交互式用户界面的开发。 10. **Python项目实战**:包括爬虫开发,使用Selenium或lr...

    Javascript入门学习资料收集整理篇

    Javascript入门学习第一篇 js基础Javascript入门学习第二篇 js类型...js dom实例操作Javascript入门学习第八篇 js dom节点属性说明Javascript入门学习第九篇 Javascript DOM 总结jQuery基础教程笔记适合js新手

    Javaweb(3)学习资料

    "Javaweb(3)"可能表示这是关于JavaWeb学习的第三个部分,或者是一个系列教程的第三章,重点在于进阶知识。标题和描述虽然简洁,但暗示了我们将深入学习JavaWeb的高级概念,可能是建立在对基础如Servlet、JSP的理解之...

    PHP100视频教程

    2. **第41讲.ppt** - 这可能是一个PowerPoint演示文稿,作为第41节的辅助教学材料,可能会包含幻灯片式的讲解内容,便于学习者回顾和笔记。 3. **使用说明文档.txt** - 这是一个文本文件,可能包含了如何使用这些...

    揭开AJAX神秘的面纱(AJAX个人学习笔记)第1/5页

    2. **AJAX基本控件**:微软提供了五个基础AJAX控件,包括UpdatePanel、Timer、ScriptManagerProxy、AsyncFileUpload和ConfirmButton。这些控件简化了异步更新的过程,如UpdatePanel可以实现局部刷新,而无需编写复杂...

    web8至11资料

    这个压缩包可能包含了一系列关于Web技术的教程、笔记、代码示例或项目,旨在帮助用户从Web8逐步过渡到Web11的学习阶段。 【描述】"Web8至11资料"的描述虽然简洁,但我们可以通过它推测出这是一段针对Web开发的学习...

    基于WEB程序设计基础-浙江大学(13)

    具体内容可能围绕第8周的第2节课的主题展开,可能是关于数据库操作、使用特定Web框架的实战教程,或者是关于服务器端编程的一个特定话题。由于“.csf”不是标准的文件扩展名,它可能需要特定的软件或工具来打开和...

    Bootstrap基本组件学习笔记之input输入框组(9)

    Bootstrap是一款广泛应用于网页设计与...通过学习Bootstrap的基础知识和实践,你可以快速构建出专业且具有现代感的网站界面。对于初学者来说,可以参考官方文档、在线教程和实战案例,进一步提高Bootstrap应用能力。

Global site tag (gtag.js) - Google Analytics