会员中心
用户名:    密码:    验证码:      免费注册会员

jquery手册   CSS2手册       请关注健康

来源: 作者: 发布时间:2007-02-06
雅虎收藏夹 百度收藏 Google书签 Yahoo书签 新浪ViVi 搜狐网摘 365Key网摘 天极网摘 diglog 和讯网摘 POCO网摘 YouNote网摘 博拉网 天下图摘 Del.icio.us digg reddit spurl BlinkList blogmarks

wrap(htm)

将匹配对象包含在给出的html代码内

<p>Test Paragraph.</p> <a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能:

function jq(){ 
      $("p").wrap("<div class='wrap'></div>");
}

执行后相当于

<div class='wrap'><p>Test Paragraph.</p></div>

wrap(elem)

将匹配对象包含在给出的对象内

<p>Test Paragraph.</p><div id="content"></div>
<a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能:

function jq(){ 
      $("p").wrap( document.getElementById('content') );
}

执行后相当于

<div id="content"><p>Test Paragraph.</p></div>

遍历、组合

add(expr) 

在原对象的基础上在附加符合指定表达式的jquery对象

<p>Hello</p><p><span>Hello Again</span></p>
<a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能:

function jq(){
     var f=$("p").add("span");   
     for(var i=0;i < $(f).size();i++){
     alert($(f).eq(i).html());}
}

执行$("p")得到匹配<p>的对象,有两个,add("span")是在("p")的基础上加上匹配<span >的对象,所有一共有3个,从上面的函数运行结果可以看到$("p").add("span")是3个对象的集合,分别是[<p>Hello</p>],[<p><span>Hello Again</span></p>],[<span>Hello Again</span>]。

add(el) 

在匹配对象的基础上在附加指定的dom元素。

$("p").add(document.getElementById("a"));

add(els) 

在匹配对象的基础上在附加指定的一组对象,els是一个数组。

<p>Hello</p><p><span>Hello Again</span></p>

jQuery代码及功能:

function jq(){
     var f=$("p").add([document.getElementById("a"), document.getElementById("b")])
     for(var i=0;i < $(f).size();i++){
             alert($(f).eq(i).html());}
}

注意els是一个数组,这里的[ ]不能漏掉。


相关文章

  • 如何用jquery返回一个DOM对象

    作者: http://www.csser.com 首先我们针对以下html源码获取p对象: divimg src="test1.jpg"/ pimg src="test2.jpg"//p/di

  • jQuery入门指南第一步

    用jquery开始吧 这个指南是对jquery库的一个总的介绍,当然你也被要求具备javascript和DOM(文档对象模型)的相关知识。该

  • jQuery函数$支持的参数总结

    作者: http://www.csser.com/ jquery 函数支持的 参数总结,如有遗漏请指出,谢谢: 1、jquery 对象支持接受 html 字符串

  • jQuery的选择器的使用

    无常翻译: http://wuchang.cnblogs.com wuChang@guet.edu.cn QQ: 3263262 Retrieved from " http://www.docs.jquery.com/

  • XHTML代码规范

    文章来源:网页设计师 1.所有的标记都必须要有一个相应的结束标记 以前在HTML中,你可以打开许多标签,例如p和li而不一定

  • DOCTYPE(文档类型)简介

    先来看一段代码声明: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT

  • 在MOZ(firefox)下使没有空格的英文折行

    原文: 在MOZ(firefox)下使没有空格的英文折行 作者:比尔-盖帽 解决办法: IE: 在容器的css中加word-break:break-all

  • HTML元素的默认CSS设置

    Google了一下,这篇文章属于老文了,鉴于它还是比较实用的文章,所以转过来,没看过的可以看一下,早就看过的就温习下,出