摘要： http://www.nowamagic.net/librarys/posts/jquery/16 阅读全文

摘要： 有了JQuery，元素的样式操作会变得相当简易。下面我们来看看如何使用JQuery来实现元素样式的获取、设置、追加、删除以及其它一些操作。获取与设置样式获取class和设置class都可以使用attr()方法来完成。例如使用attr()方法来获取p元素的class，JQuery代码如下：1varp_class = $("p").attr("class");//获取p元素的class使用attr()方法来设置p元素的class，JQuery代码如下：1$("p").attr("'class","hi 阅读全文

摘要： 在JQuery中，用attr()方法来获取和设置元素属性，removeAttr()方法来删除元素属性。获取属性和设置属性如果要获取p元素的属性title，那么只需要给attr()方法传递一个参数，即属性名称。1var$para = $("p");//获取<p>节点2varp_txt = $para.attr("title");//获取<p>元素节点属性title如果要设置<p>元素的属性title的值，也可以使用同一个方法，不同的是，需要传递两个参数即属性名称和对应的值。1$("p").attr(& 阅读全文

摘要： 复制节点也是常用的DOM操作之一，例如很多购物网站的效果，用户不仅可以通过单击商品下方的“选择”按钮购买相应的产品，也可以通过鼠标拖动商品并将其放到购物车中。这个商品拖动功能就是用的复制节点，将用户选择的商品所处的节点元素复制一次，并将其跟随鼠标移动，从而达到购物效果。HTML DOM结构如下：view sourceprint?1<pclass="nm_p"title="欢迎访问简明现代魔法图书馆">欢迎访问简明现代魔法图书馆</p>2<ulclass="nm_ul">3<lititle=&# 阅读全文

摘要： 如果要替换某个节点，jQuery提供了相应的方法，即replaceWith()和replaceAll()。replaceWith()方法的作用是将所有匹配的元素都替换成指定的HTML或者DOM元素。先看下面的效果演示：本例 JQuery 代码：01<script type="text/javascript">02//<![CDATA[03$(function(){04$("#btn_1").click(function(){05$(".nm_p").replaceWith('<p class=" 阅读全文

摘要： 如果文档中某一个元素多余，那么应将其删除。JQuery提供了两种删除节点的方法，即remove()和empty()。HTML DOM结构如下：view sourceprint?1<pclass="nm_p"title="欢迎访问简明现代魔法图书馆">欢迎访问简明现代魔法图书馆</p>2<ulclass="nm_ul">3<lititle='PHP魔法'>简单易懂的PHP魔法</li>4<lititle='C魔法'>简单易懂的C魔法& 阅读全文

摘要： DOM是Document Object Model的缩写，意思是文档对象模型，是由W3C制定的一套访问和操作XML（eXtensible Markup Language）文档的标准，即API。比如DOM告诉JavaScript引擎如何在浏览器窗口中显示和操作XML创建的标记（Tag）。根据W3C DOM规范(http://www.w3.org/DOM)，DOM是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松地访问页面中所有的标准组件。简单来说，DOM解决了Netscape的JavaScript和Microsoft的JScript之间的冲突，给予了Web设计师和开发者一套标准的方法，让他 阅读全文

摘要： DOM操作是JQuery最常见的用法，下面我们来将JQuery的DOM操作逐个剖析下。先来最简单的查找节点操作。为了能全面地讲解DOM操作，首先需要构建一个网页。因为每一张网页都能用DOM表示出来，而每一份DOM都可以看作一棵DOM树。HTML代码如下：view sourceprint?1<pclass="nm_p"title="欢迎访问简明现代魔法图书馆">欢迎访问简明现代魔法图书馆</p>2<ulclass="nm_ul">3<lititle='PHP魔法'>简单易懂 阅读全文

摘要： 用JQuery选择器能够快捷而轻松地查找到文档中的某个特定的元素节点，然后可以用attr()方法来获取元素的各种属性的值。但真正的DOM操作并非这么简单。在DOM操作中，常常需要动态创建HTML内容，使文档在浏览器里的呈现效果发生变化，并且达到各种各样的人机交互的目的。HTML DOM结构如下：view sourceprint?1<pclass="nm_p"title="欢迎访问简明现代魔法图书馆">欢迎访问简明现代魔法图书馆</p>2<ulclass="nm_ul">3<lititle=&# 阅读全文

摘要： 动态创建HTML元素并没有实际用处，还需要将新创建的元素插入文档中。将新创建的节点插入文档最简单的办法是，让它成为这个文档的某个节点的子节点。前面使用了一个插入节点的方法append()，它会在元素内部追加新创建的内容。将新创建的节点插入某个文档的方法并非只有一种，在JQuery中还提供了其他儿种插入节点的方法，如下表所示。读者可以根据实际需求灵活地做出多种选择。HTML DOM结构如下：1<pclass="nm_p"title="欢迎访问简明现代魔法图书馆">欢迎访问简明现代魔法图书馆</p>2<ulclass=" 阅读全文