- 浏览: 2608682 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
包裹节点相关
-------- 对文档中插入额外的结构化标记有用,不会破坏原始文档的语义。
1、wrap()
$(selector).wrap(wrapper);
参数wrapper:
把所有匹配的元素用其他元素的结构化标记包裹起来
- 必需,规定包裹被选元素的内容。
- 可能的值:
- HTML 代码
<p>测试文本</p>
执行:
$('p').wrap('<div class="wrap"></div>');
结果:
<div class="wrap"><p>测试文本</p></div>
2. 其他的元素(已经存在的和新创建的)
执行:
$('p').wrap('document.getElementById('wrap')');
结果:
<div id="wrap"><p>测试文本</p></div>
2、unwrap()
这个方法将移出元素的父元素。这能快速取消.wrap()方法的效果。匹配的元素(以及他们的同辈元素)会在DOM结构上替换他们的父元素。
3、wrapAll()
将所有匹配的元素用单个元素包裹起来。
<p>测试数据1</p><p>测试数据2</p><p>测试数据3</p>
- 参数是html
执行:
$('p').wrapAll('<div class="wrap"></div>');
结果:
<div class="wrap"><p>测试数据1</p><p>测试数据2</p><p>测试数据3</p></div>
4、wrapInner()
----- 将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来
测试用例:
将所有段落的每一个子内容加粗。
<p>测试文本1</p><p>测试文本2</p><p>测试文本3</p>
执行:
$('p').wrapInner('<b></b>');
结果:
<p><b>测试文本1</b><b>测试文本2</b><b>测试文本3</b></p>
发表评论
-
【jquery面试题】如果获取多个规则的元素
2013-10-25 21:10 1161jquery面试基础系列: ... -
jquery如何判断显示隐藏汇总
2013-07-25 21:06 1331本文汇总一下jq如何判断隐藏与显示: ... -
jquery.parseJSON
2013-06-17 13:06 2192jQuery.parseJSON ... -
jquery callbacks
2013-06-03 14:33 1283$.Callbacks 回调列表对 ... -
jquery deferred
2013-06-04 14:49 1352jquery在1.5版本开始引入了Defe ... -
回到页首的animate
2013-06-05 12:41 1283回到顶部依赖jquery实现动画: ... -
jQuery事件--bind
2013-04-07 17:06 0本文主要介绍一下bind里面大家可能不常用的方 ... -
jquery1.9带来的变换
2013-04-02 17:09 0很多人已经开始用1.9.#版本了,说几个注 ... -
jQuery事件-- live
2013-03-19 17:44 1463jQuery事件 -- live ... -
jQuery基础篇-- 串联 add
2013-01-31 14:36 1295add(expr,[context]) ... -
event.timeStamp
2013-01-14 19:56 0event.timeStamp ------ ... -
(Jquery Event)event.result
2013-01-14 19:17 0event.result --- ... -
event.isDefaultPrevented
2013-01-14 12:18 1644jQuery 1.3版本开始引入了一个这个 ... -
jQuery数据缓存相关api简介
2012-12-17 13:32 1303本文简单汇总一下jQuery数据缓存相关的几个api: ... -
jQuery事件-- undelegate
2012-12-14 10:53 1439jQuery事件 -- undelegate ---- ... -
jquery事件之delegate
2012-12-13 15:06 2111delegate -------- 为指定的元素( ... -
jQuery基础篇--文档处理---复制节点
2012-10-17 13:27 1473复制节点相关 1、clone() ... -
jquery基础篇--事件
2012-10-15 18:28 11491、unload(fn) ------- ... -
jQuery基础篇--文档处理---删除
2012-07-22 11:17 15781、empty() -------- ... -
jQuery基础篇--浏览器相关
2012-07-22 01:16 14831、jQuery.browser 1.3中不建 ...
相关推荐
本篇将深入探讨jQuery 1.11.0与jQuery UI 1.10.4这两个版本的功能、特性以及它们在实际项目中的应用。 首先,jQuery 1.11.0是jQuery库的一个稳定版本,它在1.10.x的基础上进行了优化和修复,确保了更好的浏览器兼容...
本篇文章将围绕“jquery-ui-1.8.13”这一特定版本,探讨其核心特性、使用方法以及如何通过源代码学习和应用。 1. **jQuery UI 的基本构成** jQuery UI 主要由以下几部分组成: - **Widgets(组件)**:如 Dialog...
一、jQuery基础 jQuery的核心是选择器,它借鉴了CSS的语法,使得选取DOM元素变得极其简单。例如,`$("#myID")`用于选取ID为"myID"的元素,`$(".myClass")`则选取所有class为"myClass"的元素。此外,jQuery还提供了...
jQuery UI 是一个基于 jQuery JavaScript 库的可扩展用户界面库,它提供了多种组件、效果、主题和文档,旨在简化网页开发中的交互元素设计。本篇文章将深入探讨 "jquery-ui-1.8.20.custom.zip" 压缩包中的内容,以及...
本篇将聚焦于jQuery 1.2.6版本的VSDOC中文版,深入探讨其核心特性、函数以及在实际开发中的应用。 一、jQuery简介 jQuery是由John Resig在2006年创建的,它的目标是简化HTML文档遍历、事件处理、动画和Ajax交互。...
本篇文章将深入探讨如何创建一个简单的 jQuery Mobile 应用,以及在实际开发中的基本使用方法。 首先,让我们理解 jQuery Mobile 的核心概念。jQuery Mobile 基于页面架构,而不是传统的单一页面应用。这意味着,...
在本篇文章中,我们将深入探讨jQuery UI 1.11.4版本,以及它如何帮助开发者构建出高效且美观的用户界面。 一、jQuery UI 1.11.4概述 jQuery UI 1.11.4是这个库的一个稳定版本,发布于2015年,它包含了丰富的组件和...
在Web开发领域,jQuery UI是一个广泛使用的JavaScript库,它扩展了基础的jQuery功能,提供了丰富的用户界面组件,如日期选择器、对话框、拖放操作等。在本篇文章中,我们将深入探讨jQuery UI 1.8.10自定义版本,并...
五、jQuery基础操作 - 选择器:jQuery支持CSS1至CSS3的选择器,如$("#id")选取ID为id的元素,$(".class")选取所有class为class的元素。 - DOM操作:如$(selector).html()用于设置或获取元素的HTML内容,$(selector)...
本篇将深入探讨jQuery 1.2未压缩版本,揭示其内部机制,帮助开发者更好地理解和利用这个经典版本。 1. **jQuery介绍** jQuery是由John Resig在2006年创建的一个开源JavaScript库,旨在简化DOM操作、事件处理、动画...
本篇将详细探讨如何使用jQuery库来实现功能丰富的下拉菜单,以及其背后的原理和技术要点。 首先,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互。在创建下拉菜单时,jQuery的...
本篇文章将围绕"jquery-1.4.1-vsdoc.js"这一文件展开,探讨jQuery 1.4.1版本的VSDOC(Visual Studio Documentation)内容,帮助开发者更好地理解和运用这一强大的工具。 "jquery-1.4.1-vsdoc.js"是一个专门用于...
本篇文章将深入探讨Uploadify的使用方法、核心功能和常见配置,帮助你更好地理解和应用这个工具。 ### 1. **基本使用** Uploadify的安装并不复杂,主要包括两个步骤:引入jQuery和Uploadify的JavaScript及CSS文件...
本篇文章将深入探讨“前端开源库-jquery-widget-compiler”,解析其核心概念、工作原理以及实际应用。 一、jQuery Widget Factory概述 jQuery Widget Factory是jQuery UI项目的一部分,它提供了一种结构化的方法来...
本篇将聚焦于jQuery 1.5.1版本,特别是针对ASP.NET开发环境的使用。`jquery-1.5.1-vsdoc`是一个专门为Visual Studio设计的文档文件,它提供了详细的API注释,便于开发者在VS环境下进行代码智能提示和调试。 jQuery ...
本篇文章将深入探讨 "jquery-manager-master" 的源码,帮助开发者更好地理解和运用 jQuery 的管理机制。 一、jQuery 的核心理念 jQuery 的设计目标是“Write Less, Do More”,其通过简洁的 API 设计,让开发者...
在本篇文章中,我们将深入探讨 jQuery UI 1.8.7 版本,并结合其核心文件 `jquery-1.4.4.min.js` 和 `jquery-ui-1.8.7.custom.min.js`,揭示其背后的原理和应用场景。 首先,我们来理解 jQuery UI 的基础——jQuery...
一、jQuery基础 jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在"jquery-tab-menu_02"这个示例中,jQuery被用来处理Tab菜单的点击事件和内容切换。 二、Tab菜单结构 1....
这篇文档将深入探讨jQuery的核心功能及API用法,帮助你更好地理解和运用这个强大的工具。 1. **选择器(Selectors)** jQuery的选择器基于CSS,允许你快速准确地选取页面中的元素。例如,`$("#id")`用于选取ID为...
2. `jquery.min.js`:这是jQuery库的最小化版本,它是jQuery EasyUI的基础,提供了事件处理、DOM操作、Ajax等功能,使得开发者可以方便地操控HTML元素。 3. `easyloader.js`:EasyLoader是jQuery EasyUI的加载器,...