chevron_left

jQuery 开发教程
免费
第 2.1 回

教程文档

jQuery 开发教程 - jQuery 中的节点操作

2023年11月16日
jQuery 开发教程

jQuery 中的节点操作

html 代码如下

<p>Dom操作练习</p>

jQuery 插入节点

$("p").append("武汉php");    //向每个匹配的元素内部追加内容
$("<span>武汉php</span>").appendTo("p");

$("p").prepend("武汉php");    //向每个匹配的元素内部前置内容
$("<span>武汉php</span>").prependTo("p");

$("p").after("武汉php");      //在每个匹配的元素之后插入内容
$("<span>武汉php</span>").insertAfter("p");

$("p").before("武汉php");     //在每个匹配的元素之前插入内容
("<span>武汉php</span>").insertBefore("p");

jQuery 创建节点

//创建一个DOM对象，并将这个对象包装成一个jQuery对象然后返回
var dm1...
请登录后查看更多expand_more

课程介绍

jQuery 是一个快速、简洁的 JavaScript 框架，是继 Prototype 之后又一个优秀的 JavaScript 代码库（或 JavaScript 框架）。jQuery 设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装 JavaScript 常用的功能代码，提供一种简便的 JavaScript 设计模式，优化 HTML 文档操作、事件处理、动画设计和 Ajax 交互。

jQuery 的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的 css 选择器，并且可对 CSS 选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery 兼容各种主流浏览器，如 IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+ 等。

目录

适合这样的人

新手

授课老师