`
KAXU
  • 浏览: 267198 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery 控制 wrap(elem)

jQueryHTML 
阅读更多

wrap(elem)

将特殊的‘elem’元素封装在匹配元素集合的每一个元素上

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    $("p").wrap(document.createElement("div"));
  });
  </script>
  <style>
  div { border: 2px solid blue; }
  p { background:yellow; margin:4px; }
  </style>
</head>
<body>
  <p>Hello</p>
  <p>cruel</p>
  <p>World</p>
</body>
</html>

 

$("p").wrap(document.createElement("div"));
将div元素封装在匹配p元素集合的每一个p元素上

分享到：
| jquery 控制 wrap(html)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery 1.4.1 中文参考

    6.3.2 wrap(elem) 99 6.3.3 wrap(fn) 99 6.3.4 unwrap() 100 6.3.5 wrapAll(html) 100 6.3.6 wrapAll(elem) 101 6.3.7 wrapInner(html) 101 6.3.8 wrapInner(elem) 102 6.3.9 wrapInner(fn) 102 6.4 替换 103 6.4.1 ...

    jQuery 三击事件实现代码

    直接给出代码如下： 代码如下:jQuery.event.special.tripleclick = { setup: function(data, namespaces) { var elem = this, $elem = jQuery(elem); $elem.bind(‘click’, jQuery.event.special.tripleclick....

    jQuery基础

    var ret = jQuery( elem || [] ); ret.context = document; ret.selector = selector; return ret; } // HANDLE: $(expr, [context]) // (which is just equivalent to: $(content).find(expr) } else ...

    jquery1.6.2(api+源码)

    为了让每个元素单独的值，使用一个循环结构的如jQuery .each()或.map()方法。 attributes和properties之间的差异在特定情况下是很重要。jQuery 1.6之前 ，.attr()方法有时检索时考虑到了一些属性的属性值，这可能...

    jquery.hash:jQuery DOM元素哈希插件

    jquery.hash jQuery DOM元素哈希插件 支持的哈希方法 base64 md5 sha1 自己编译 如果要编译自己的版本或jquery.hash的修改 npm install node compile 抓取out/jquery.hash.min.js文件并将其插入！ 例子 DOM元素...

    Jquery 1.3 简体中文手册

    wrap(elem) wrapAll(html) wrapAll(elem) wrapInner(html) wrapInner(elem) 替换 replaceWith(content) replaceAll(selector) 删除 empty() remove([expr]) 复制 clone() clone(true) 筛选 过滤 eq(index...

    JQuery 1.3 中文参考手册

    wrap(elem) wrapAll(html) wrapAll(elem) wrapInner(html) wrapInner(elem) 替换 replaceWith(content) replaceAll(selector) 删除 empty() remove([expr]) 复制 clone() clone(true) 筛选 过滤 eq(index...

    jQuery 鼠标滚轮插件 mousewheel

    $('#my_elem').on('mousewheel', function(event) { console.log(event.deltaX, event.deltaY, event.deltaFactor); }); // using the event helper $('#my_elem').mousewheel(function(event) { console.log...

    jQuery1.4 API

    fn) before(content | fn) insertAfter(content) insertBefore(content) 包裹 wrap(html) wrap(elem) wrap(fn) unwrap() wrapAll(html) wrapAll(elem) wrapInner(html) wrapInner(elem) wrapInner(fn) 替换 ...

    详谈jQuery中的this和$(this)

    网上有很多关于jQuery的this和$(this)的介绍，大多数只是理清了this和$(this)的指向，其实它是有应用场所的，不能一概而论在jQuery调用成员函数时，this就是指向dom对象。 $(this)指向jQuery对象是无可厚非的，但...

    maskui:一个jQuery对话框插件

    #maskui A jquery dialog plugin ...elem: [String/DOM/jQueryObject] dialog对象，传String视为id，不使用config定义的样式 [和content二选一] content: 动态添加一段HTML，使用config定义的样式 [和elem二选一

    JQuery日期插件

    JQuery日期插件，内附完整的使用方式 laydate({ elem: '#xkzqdsj2', format: 'YYYY年MM月DD日', value:"2013年12月02号", festival: true, //显示节日 choose: function(datas){ //选择日期完毕的回调 } });

    MingGeJS1.8.3类库版本，国产山寨JQUERY

    输出object对象 ： elem: iframe对象, WIN: iframe对象的window对象, DOC: iframe对象的document对象, is: 是否已创建成功 true,false 2：新增getFormData接口， $(xxx).getFormData(参数1，参数2); 参数...

    jQuery 判断元素上是否绑定了事件

    判断元素上是否绑定过事件用如下语句 代码如下: jQuery.data(elem,”events”)[type] //老版本也能用 $(elem).data(“events”)[type] //1.2.3以后才能用 返回值： 一个Object，可以用for in来遍历。或者undefined。...

    jQuery拖放插件Draggabilly.zip

    var draggie = new Draggabilly( elem ); function onDragMove( instance, event, pointer ) { console.log( 'dragMove on ' event.type pointer.pageX ', ' pointer.pageY ' position at ' instance.position...

    jQuery瀑布流 图片无限加载代码

    一款简单的jquery瀑布流特效，完美实现了图片的ajax无限加载效果，相关参数设置说明： 　column_width:240,//列宽 　column_className:'...通过ajax等异步方法得到的数据可以传入该接口进行渲染，如 render(elem)

    浅谈jquery中的each方法$.each、this.each、$.fn.each

    jquery.each 方法 方法一 $("img").each(function(i,elem){ 　// i 下标 从零开始， 　// elem == this 　// $(elem).toggleClass("example"); $(this).toggleClass("example"); }); 方法二 $.each([1,2,3,4],...

Magicbox
Global site tag (gtag.js) - Google Analytics