`
yiyu
  • 浏览: 187155 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery学习笔记(4) DOM Manipulation

阅读更多
本文是Learning JQuery的学习笔记

1. attr(), removeAttr()

$thisLink.attr({
'rel': 'external',
'id': 'wikilink-' + index,
'title': 'learn more about ' + $thisLink.text() + ' at Wikipedia'
});

2. each()

3. $()用于创建新的元素

4. To insert new element(s) inside every matched element, use:
.append()
.appendTo()
.prepend()
.prependTo()

5. To insert new element(s) adjacent to every matched element, use:
.after()
.insertAfter()
.before()
.insertBefore()

6. To insert new element(s) around every matched element, use:
.wrap()

7. To replace every matched element with new element(s) or text, use:
.html()
.text()

8. To remove element(s) inside every matched element, use:
.empty()

9. To remove every matched element and descendants from the document without actually deleting them, use:
.remove()
分享到:
评论

相关推荐

    jQuery基础自学笔记(pink老师jQuery全内容)

    《jQuery基础自学笔记》 jQuery 是一款非常流行的 JavaScript 库,由 John Resig 在2006年创建,它的出现极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 的设计理念是“Write Less, Do ...

    jquery学习笔记

    **jQuery学习笔记** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画设计和Ajax交互。由于其简洁的API和强大的功能,jQuery成为了前端开发中的首选工具之一。 ### 1. jQuery核心...

    jquery笔记1

    2. **DOM操作(DOM Manipulation)**:jQuery提供了简便的方法来操作DOM。例如,`html()`用于获取或设置元素的HTML内容,`append()`和`prepend()`用于在元素内部添加内容,`before()`和`after()`则在元素前后插入...

    笔记-JQuery

    **jQuery 知识点详解** jQuery 是一个广泛应用于前端开发的 JavaScript 库,它极大地简化了 JavaScript 的操作,包括DOM(文档对象模型)...通过阅读“笔记-JQuery.pdf”这样的资料,可以系统地学习并掌握这些知识。

    jQuery左右箭头控制文字列表切换特效.zip

    3. **DOM操作(DOM Manipulation)**:jQuery提供了丰富的DOM操作方法,如`html()`, `text()`, `append()`, `prepend()`等。在这个例子中,可能用到了`html()`或`text()`来改变列表项的内容。 4. **动画...

    jQuery弹出层代码.zip

    4. **动画效果(Animation)**:jQuery的`.fadeIn()`, `.fadeOut()`, `.slideToggle()`等方法可以为弹出层添加平滑的过渡效果,提高用户体验。 5. **插件(Plugins)**:jQuery生态系统中有许多预封装的插件,如`...

    jQuery中文转换成拼音代码.zip

    首先,jQuery库的核心特性包括选择器(Selectors)、DOM操作(DOM Manipulation)、事件处理(Events)、动画(Animations)和Ajax异步请求等。通过简洁的语法,jQuery允许开发者快速地选取HTML元素、改变HTML内容、...

    jQuery中英文网站导航下拉菜单代码.zip

    2. **DOM操作(DOM Manipulation)**:jQuery提供了便利的方法来操作DOM元素,如`$(element).html()`用于获取或设置元素的HTML内容,`$(element).append()`用于在元素内部添加内容。 3. **事件处理(Event Handling...

    jQuery树形节点标签导航代码.zip

    总结来说,"jQuery树形节点标签导航代码"涉及到了jQuery的核心特性,通过学习和掌握这些知识点,开发者可以轻松创建出具有交互性的、视觉吸引力的树形导航,提升网页的用户体验。在实际项目中,灵活运用这些技术,...

    jQuery猎豹橙色大巴动画背景特效.zip

    - **DOM操作(DOM Manipulation)**:jQuery允许开发者轻松地添加、删除或修改HTML元素。在本例中,可能涉及到大巴车元素的创建、定位和更新。 - **事件处理(Event Handling)**:jQuery提供了便捷的方式来绑定和...

    jQuery外部调用弹窗代码.zip

    7. **DOM操作(DOM Manipulation)**:jQuery允许开发者轻松地添加、删除或修改DOM元素。在弹窗功能中,这可能包括在页面上插入弹窗元素、动态改变元素的可见性等。 8. **Ajax交互(Ajax Interactions)**:如果...

    jqerry笔记常用方

    这篇笔记将深入探讨jQuery中的常用方法,帮助初学者快速上手并掌握jQuery的核心技能。 一、选择器(Selectors) jQuery的选择器类似于CSS选择器,用于在DOM树中找到指定的元素。例如: 1. `$("#id")`:通过ID选择...

    css3淘宝阿里旺旺悬浮在线客服代码.zip

    4. **DOM操作(DOM Manipulation)**:jQuery提供了方便的方法如`.html()`、`.append()`等,用于修改或添加HTML元素,实现客服窗口的内容展示。 5. **Ajax交互(Ajax Interactions)**:如果需要实时显示客服的回复...

    CSS3右下角悬浮客服菜单代码.zip

    3. **DOM操作(DOM Manipulation)**:例如`show()`、`hide()`、`toggleClass()`等方法,用于控制元素的可见性或切换样式。 4. **动画(Animation)**:使用`fadeIn()`、`fadeOut()`等函数可以实现元素的渐显渐隐,...

    js+css3熊猫吃竹子动画特效.zip

    3. **DOM操作(DOM Manipulation)**: 修改DOM元素的属性,如CSS类,以改变元素的样式,从而实现动画效果。例如,添加或移除“eating”类,来控制熊猫吃竹子的状态。 4. **动画状态管理(Animation State ...

Global site tag (gtag.js) - Google Analytics