开发学院网页设计JavaScript JQuery核心:jQuery( expression, context ) 阅读

JQuery核心:jQuery( expression, context )

 2010-09-14 13:22:36 来源:WEB开发网   
核心提示:jQuery( expression, context ) Returns: jQueryThis function accepts a string containing a CSS selector which is then used to match a set of elements.这个函数接收一个用来匹配

jQuery( expression, context ) Returns: jQuery

This function accepts a string containing a CSS selector which is then used to match a set of elements.

这个函数接收一个用来匹配一组元素的含有CSS选择器的字符串。

The core functionality of jQuery centers around this function. Everything in jQuery is based upon this, or uses this in some way. The most basic use of this function is to pass in an expression (usually consisting of CSS), which then finds all matching elements.

Jquery的核心函数都是围绕这个函数进行的。JQ里面的一切都是基于它或者以某种形式使用它。这个函数最基本的用法是传入一个词组(通常是含有CSS元素),然后找到所有的匹配元素。

By default, if no context is specified, $() looks for DOM elements within the context of the current HTML document. If you do specify a context, such as a DOM element or jQuery object, the expression will be matched against the contents of that context.

默认情况下,如果不指定任何参数,$()会在当前的HTML文档的源文件中查找DOM元素。如果你指定了元素,比如一个DOM元素或者JQ对象,这表示查找上下文中的与输入内容匹配的元素。

See Selectors for the allowed CSS syntax for expressions.

您可以参考选择器查看表达式的CSS规则。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
.showtext{ background:#FF0000; width:auto; height:15px;}
</style>
<script language="javascript" src="../jquery-1.2.6.min.js" type="text/javascript"></script>
<script language="javascript">
$(
function()
{
 //匹配所有的span元素,
 var showText=$("span");
 //对所有span元素添加class属性
 showText.addClass("showtext");
 //匹配所有div中含有p的元素
 var selectDiv=$("div p");
 //showtext的内容赋值
 showText.text("dddd");
 //对selectdiv元素添加class属性
 selectDiv.addClass("showtext");
 //通过CSS类名选择元素
 var selectByClass=$(".showtext2");
 selectByClass.text("BBBBBBBBBBB");
 
}
  
)
</script>

<title>无标题文档</title>

</head>
  
<body>
<div><p>www.gooddo.com</p></div>
<div></div>
<div><p>足不出户订窗帘</p></div>
<div><p>http://shop35607001.taobao.com</p></div>
<span>cccccccc</span>
<span class="showtext2">AAAAAAAAAAAaaa</span>
</body>
</html>

Tags:JQuery 核心 jQuery

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接