jQuery核心文档(翻译中)

现在网上有中文版的,我翻译它的目的一是自己加深体会,二也是为了提高自己的英文水平。
啥也不说了,为了鼓励一下自己吧。

相关链接:

http://docs.jquery.com/Core/jQuery(原文地址,我是照这里翻译的)

已有的中文(我还没看哦,等我翻译完核心篇了再对照下)

中文教程



Core/jQuery

jQuery( expression, [context] )

说明:

该函数接受一个包含CSS选择器的字符串,来查找指定的元素。jQuery核心功能也是围绕此函数展开的。它的最基本的用法是只传入一个表达式参数(通常由CSS组成)。

默认情况下,如果不指定上下文,$()会查找当前HTML文档(DocumentElement)的上下文。如果指定了上下文,比如一个DOM元素,亦或者是一个jQuery对象,那么表达式将根据你指定的上下文的内容来查找元素。

 

参数:

         Expression                 String       

要搜索的元素的字符串表达式

context (可选)          Element, jQuery

DOM元素,DOC文档或者一个jQuery对象

 

示例:

查找当前文档的第一个FORM元素内所有类型为radioinput元素。

$("input:radio", document.forms[0]);

 

Ajax响应流中的xml文档内查找所有的div元素

$("div", xml.responseXML);

 

演示:

查找一个div元素下的所有P(子)元素。

$("div > p").css("border", "1px solid gray");

         代码:

<!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(){

    $(
"div > p").css("border""1px solid gray");

  }
);

  
</script>

 

</head>

<body>

  
<p>one</p> <div><p>two</p></div> <p>three</p>

</body>

</html>

 

 

jQuery( html )

说明:

根据提供的字符串或者原始的HTML在一个未确定的元素上创建DOM元素。

你可以传入由手写的简单的HTML字符串,使用模板引擎、插件、亦可以使用Ajax载入来创建DOM元素。在创建input元素的时候,还是有一些限制的。当使用关闭标签或者XHTML格式来创建单元素时(译:单元素指<input/>类元素,而非<input></input>类元素),传入一个可能包含有斜杠的字符串时(比如图片路径),要转义斜杠。例如:使用$("<span/>") or $("<span></span>")代替不使用关闭斜杠/标签来创建一个span元素。

 

示例:

动态地创建一个DIV元素(以及其所有内容),并追加到body元素中。在内部,元素被创建成功,并且它的innerHTML属性已确定其标记类型。因此,这种方式是非常灵活的,但也是很局限的。

$("<div><p>Hello</p></div>").appendTo("body")

 

不要使用type属性来创建input元素,Microsofts预定input元素的type属性是只能指定一次。更详细的介绍请查阅官方声明http://msdn.microsoft.com/en-us/library/ms534700.aspx

// IE中运行不正常:

$("<input/>").attr("type", "checkbox");

// IE中运行正常:

$("<input type='checkbox'/>");

 

参数:

Html                           String

在未确定元素上要创建的HTML字符串。

 

 


posted on 2008-05-27 15:52  房客  阅读(653)  评论(0编辑  收藏  举报

导航