jQuery
软件章
一只程序员!
展开
-
系统学习jQuery.核心知识.局部.jQuery操作.DOM操作.插入节点
1.每种方法详细介绍2.实例 jQuery中的DOM操作.插入节点 $(document).ready(function(){ //append方法 //var $obj=$("我爱吃:"); //$("ul li:eq(0)").append($obj); //appendTo方法(与append方法对应)原创 2013-12-28 09:33:28 · 1068 阅读 · 0 评论 -
系统学习jQuery.核心知识.局部.jQuery操作.DOM操作.删除节点
1.各个方法详解(1)remove()方法作用是从DOM中删除所有匹配的元素,传入的参数用于根据jQuery表达筛选元素;当某个节点用remove方法删除后,该节点所包含的所有后代节点将同时被删除,此方法返回值是指向已被删除节点的引用,因此以后可以再使用此元素,但是附加的事件和数据都被删除了;remove方法也可以通过传递参数来选择性删除元素。(2)detach()方法原创 2013-12-28 13:18:40 · 1027 阅读 · 0 评论 -
系统学习jQuery.核心知识.局部.jQuery操作.DOM操作.创建结点
1.创建元素节点 ①创建jQuery对象 $(html) 原理:根据传入字符串html创建DOM对象然后封装此DOM对象为 jQuery对象并返回 ②插入jQuery对象 使用相应jQuery对象的append方法插入。 ③注意 动态创建的新元素不会被自动加入文档,需要使用其他方法将其插入。 创建单个元素时,要注意闭合标签和使用标准的X原创 2013-12-27 22:42:10 · 1159 阅读 · 0 评论 -
系统学习jQuery.核心知识.局部.jQuery选择器.层次选择器
1.层次选择器介绍前面基本选择器是直接通过DOM节点本身来进行选择的,这里的层次选择器则是基于DOM元素的层次关系获取特定的元素,例如相邻元素、同辈元素、子元素与后代元素,也就是迂回的方式来选择相应的元素。2.详解每个层次选择器3.应用实例原创 2013-12-27 17:34:44 · 813 阅读 · 0 评论 -
系统学习jQuery.核心知识.局部.jQuery选择器.jQuery选择器概论与分类
学习了一段时间JQuery后,我逐渐意识到JQuery的核心由两个,一是通过$(selector)得到的对象,因为无论是对事件的处理/遍历DOM/Ajax,本质上都是对对象的操作,二是针对特定对象的方法。对于第一个核心来说,选择器是其根基的。现在就准备好好整理一下对JQuery选择器的认识,争取对其有系统的认识。(一)JQuery选择器优势 1.简洁写法原创 2013-10-17 13:17:14 · 898 阅读 · 1 评论 -
系统学习jQuery.核心知识.局部.jQuery选择器.基本选择器
1.基本选择器介绍基本选择器是jQuery中(共5个)最常用的选择器,也是最简单的选择器,它通过元素的id、class和标签名等查找DOM元素,在CSS都有对应的选择器,所以这里的选择器没有什么难度。2.详细介绍每个基本选择器3.实例应用 基本选择器(共5种) .person,.country{ width:280px; he原创 2013-12-27 00:06:48 · 1367 阅读 · 0 评论 -
系统学习jQuery.核心知识.FAQ.jQuery对象与DOM对象区别与联系
1.全局关系学前端的DOM技术与jQuery技术时,经常分不清jQuery对象与DOM对象以及它们的联系与区别,其实两者关系可用下图表示,下面所有的说明也围绕此图展开。2.DOM对象DOM对象可以看成是DOM树中的结点(关于DOM的详细内容看我其它的博文)。获取方法为getElementById()和getElementsByTagName()两种。var obj=docu原创 2013-12-26 14:59:03 · 1025 阅读 · 0 评论 -
系统学习jQuery.核心知识.局部.jQuery操作.DOM操作.替换节点
1.各个方法详解(1)replaceWith() 将所有匹配的元素替换成指定的HTML或者DOM元素。(2)replaceAll()与replaceWith()功能一样,只是两个对象颠倒了,如同before()和insertBefore()一样。(3)注意: 替换之前,如果已经为元素绑定事件,替换后原先绑定的事件将与被替换的元素一起消失,需要在元原创 2013-12-28 14:08:59 · 1075 阅读 · 0 评论 -
系统学习jQuery.核心知识.局部.jQuery操作.DOM操作.复制节点
1.各个方法详解clone()方法;clone(true)表示也复制其绑定的事件。2.实例 jQuery中的DOM操作.复制节点 $(document).ready(function(){ $("a").click(function(){ var $currentNodeFather=$(this).parent(); //var原创 2013-12-28 13:55:37 · 887 阅读 · 0 评论 -
DOM操作-包裹节点
1.各个方法详解(1)wrap()将某个节点用其他标记包裹起来,在文档中插入额外的结构化标记,而且不会破坏原始文档的语义。(2)wrapAll()将所有匹配的元素用同一个元素包裹,不同于wrap()方法的是,wrapAll是对所有的元素一同包装,wrap是单独包装。(3)wrapInner()该方法将每一个匹配的元素的子内容(包括文本节点)用其他结构化的标记包裹起来。2原创 2013-12-28 17:27:20 · 1613 阅读 · 0 评论